diff --git a/src/App/App.tsx b/src/App/App.tsx
index de3bd0787b4400004bd7b5764fef5cd1a02ad865..6f2448eca1d7974e88d608e4c3d90adacd6a80f3 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -89,7 +89,7 @@ const App = () => {
                 <div className="container-fluid">
                   <div className="row">
                     <Sidebar />
-                    <div className="col">
+                    <div className="col-9">
                       <Component />
                       <Villbuttonrow />
                     </div>
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index b74dfb49a85b248d921420046d693e1e1e8d455f..07037abcbd94e0cb96ae23c52831698396f870c4 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -34,7 +34,9 @@
       .col-6 {
         width: 100%; /* Full width on tablets */
       }
-      
+      .progress-bar{
+        display: none !important;
+      }
     
 }
 /*For Smartphones*/
diff --git a/src/sidebars/none.tsx b/src/sidebars/none.tsx
index daff81f8e9a9fddaec1009c672b5c117c3a81796..5d9a2e76b4d7a5b3bd17cdae68f41df2e742eac9 100644
--- a/src/sidebars/none.tsx
+++ b/src/sidebars/none.tsx
@@ -1,6 +1,6 @@
 export function NoSidebar(){
     return(
-        <div className="col-1  d-lg-block">
+        <div className="col-2  d-lg-block">
         </div>
     )
 }
\ No newline at end of file