diff --git a/frontend/src/includes/ManageSidebar.svelte b/frontend/src/includes/ManageSidebar.svelte
index de5fb07..2082c88 100644
--- a/frontend/src/includes/ManageSidebar.svelte
+++ b/frontend/src/includes/ManageSidebar.svelte
@@ -78,6 +78,12 @@
         width: 40%;
         padding-left: 20px;
     }
+
+    @media (max-width: 800px) {
+        .sidebar {
+            display: none;
+        }
+    }
 </style>
 
 <script>
diff --git a/frontend/src/includes/Navbar.svelte b/frontend/src/includes/Navbar.svelte
index c94ea74..cb004d4 100644
--- a/frontend/src/includes/Navbar.svelte
+++ b/frontend/src/includes/Navbar.svelte
@@ -83,7 +83,7 @@
         display: none;
     }
 
-    @media only screen and (max-width: 1154px) {
+    @media only screen and (max-width: 800px) {
         .navbar {
             display: flex;
         }
diff --git a/frontend/src/views/panels/Panels.svelte b/frontend/src/views/panels/Panels.svelte
index 495dc6d..9c0b767 100644
--- a/frontend/src/views/panels/Panels.svelte
+++ b/frontend/src/views/panels/Panels.svelte
@@ -244,7 +244,7 @@
         justify-content: space-between;
     }
 
-    @media only screen and (max-width: 1100px) {
+    @media only screen and (max-width: 1400px) {
         .wrapper {
             flex-direction: column;
         }