diff --git a/MP-TAB/MP-TAB.Client/Components/SlideMenu.razor b/MP-TAB/MP-TAB.Client/Components/SlideMenu.razor
index 8868eb36..53ca5c4b 100644
--- a/MP-TAB/MP-TAB.Client/Components/SlideMenu.razor
+++ b/MP-TAB/MP-TAB.Client/Components/SlideMenu.razor
@@ -1,7 +1,7 @@
 <button class="btn btn-link text-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTabMenu" aria-controls="offcanvasTabMenu">
     <span class="fa fa-bars fa-lg"></span>
 </button>
-<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasTabMenu" aria-labelledby="offcanvasTabMenuLabel">
+<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasTabMenu" aria-labelledby="offcanvasTabMenuLabel">
     <div class="offcanvas-header bg-secondary text-light">
         <div class="d-flex flex-row">
             <div class="p-0">
diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
index d9b20c8a..04f55558 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
@@ -1,20 +1,19 @@
 @inherits LayoutComponentBase
 
 <div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
 
 
     <main>
         <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
         </div>
 
         <article class="content px-4">
             @Body
         </article>
     </main>
+    <div class="sidebar">
+        <NavMenu />
+    </div>
 </div>
 
 <div id="blazor-error-ui">
diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
index e98b1a2d..0b4fcdaa 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
@@ -13,8 +13,8 @@ main {
 }
 
 .top-row {
-    background-color: #f7f7f7;
-    border-bottom: 1px solid #d6d5d5;
+    background-color: #05173d;
+    /*border-bottom: 1px solid #d6d5d5;*/
     justify-content: flex-end;
     height: 3.5rem;
     display: flex;
@@ -27,14 +27,14 @@ main {
         text-decoration: none;
     }
 
-    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
-        text-decoration: underline;
-    }
+        .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+            text-decoration: underline;
+        }
 
-    .top-row ::deep a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
+        .top-row ::deep a:first-child {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
 
 @media (max-width: 640.98px) {
     .top-row:not(.auth) {
@@ -62,12 +62,13 @@ main {
         top: 0;
         left: 100%;
     }
+}
 
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
+.top-row {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+}
 
     .top-row.auth ::deep a:first-child {
         flex: 1;
@@ -75,10 +76,9 @@ main {
         width: 0;
     }
 
-    .top-row, article {
-        padding-left: 2rem !important;
-        padding-right: 1.5rem !important;
-    }
+.top-row, article {
+    padding-left: 2rem !important;
+    padding-right: 1.5rem !important;
 }
 
 #blazor-error-ui {
diff --git a/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor b/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor
index 02e54b30..1e7779fa 100644
--- a/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor
+++ b/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor
@@ -1,5 +1,5 @@
 
-<div class="row w-100">
+<div class="row w-100 slideMen">
     <div class="col-4">
         <MP_TAB.Client.Components.SlideMenu></MP_TAB.Client.Components.SlideMenu>
     </div>
diff --git a/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor.css b/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor.css
index 6d319051..456ec0df 100644
--- a/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor.css
+++ b/MP-TAB/MP-TAB/Components/Layout/NavMenu.razor.css
@@ -34,6 +34,13 @@
     background-size: cover;
 }
 
+
+@media (min-width: 640.98px) {
+    .slideMen:not(.auth) {
+        display: none;
+    }
+}
+
 .bi-house-door-fill {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
 }
diff --git a/MP-TAB/MP-TAB/MP-TAB.csproj b/MP-TAB/MP-TAB/MP-TAB.csproj
index cd5bbed3..09aa5521 100644
--- a/MP-TAB/MP-TAB/MP-TAB.csproj
+++ b/MP-TAB/MP-TAB/MP-TAB.csproj
@@ -49,18 +49,6 @@
   </ItemGroup>
   <ItemGroup>
     <None Include="compilerconfig.json" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.bundle.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.bundle.js.map" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.bundle.min.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.bundle.min.js.map" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.esm.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.esm.js.map" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.esm.min.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.esm.min.js.map" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.js.map" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.min.js" />
-    <None Include="wwwroot\bootstrap\js\bootstrap.min.js.map" />
   </ItemGroup>
 
   <ItemGroup>