diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
index e7b4260c..8889bbd8 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor
@@ -16,22 +16,18 @@
             <div>
                 @* <div class="row w-100 slideMen"> *@
                 <div class="row w-100 slideMen">
-                    <div class="col-4">
+                    <div class="">
                         <MP_TAB.Client.Components.SlideMenu MenuItems="@CurrMenuItems"></MP_TAB.Client.Components.SlideMenu>
                     </div>
-                    <div class="col-4">
-                    </div>
-                    <div class="col-4">
-                    </div>
                 </div>
             </div>
         </div>
 
         <article class="content px-4 d-flex">
-            <div class="col-10">
+            <div class="" id="mainBody">
                 @Body
             </div>
-            <div class="sidebar col-2">
+            <div class="sidebar" id="barLat">
                 <NavMenu MenuItems="@CurrMenuItems" />
             </div>
         </article>
diff --git a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
index 130addbf..6f832ab3 100644
--- a/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
+++ b/MP-TAB/MP-TAB/Components/Layout/MainLayout.razor.css
@@ -36,16 +36,29 @@ main {
             overflow: hidden;
             text-overflow: ellipsis;
         }
+
 @media (min-width: 640.98px) {
     .slideMen:not(.auth) {
         display: none;
     }
+
+    #mainBody {
+        width: 83%;
+    }
 }
+
+
+
+
 @media (max-width: 640.98px) {
     .top-row:not(.auth) {
         display: none;
     }
 
+    #mainBody {
+        width: 100%;
+    }
+
     .top-row.auth {
         justify-content: space-between;
     }