diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index 4da6a92..fbf0494 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -12,7 +12,7 @@ const Navbar = () => {
       </div>
       <ul className="nav-links">
         <li>
-          <a href="#">Home</a>
+          <a href="/">Home</a>
         </li>
         <li>
           <a href="#">About</a>
diff --git a/src/demos/DemoDisplay.jsx b/src/demos/DemoDisplay.jsx
index 78b6d0c..8f7c437 100644
--- a/src/demos/DemoDisplay.jsx
+++ b/src/demos/DemoDisplay.jsx
@@ -13,6 +13,7 @@ const importView = (DemoComponentName) =>
 
 const DemoDisplay = ({ demo }) => {
   const [views, setViews] = React.useState();
+  const [loading, setLoading] = React.useState(true);
 
   React.useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
@@ -23,13 +24,14 @@ const DemoDisplay = ({ demo }) => {
       setViews(<View />);
     }
     loadViews();
+    setLoading(false)
   }, [demo]);
 
   return (
     <React.Suspense
       fallback={
         <div className="loadWrapper">
-          <div className="loader" />
+          {loading && loading === true ? <div className="loader" /> : null}
         </div>
       }
     >