diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index fb8a2b1..2a652e2 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -86,7 +86,7 @@ export default {
   }
 }
 
-@media (max-width: 400px) {
+@media (max-width: 600px) {
   .sidebar {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
diff --git a/layouts/default.vue b/layouts/default.vue
index 503e2a1..126e5a8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -176,7 +176,7 @@ h1 {
 }
 
 
-@media (max-width: 400px) {
+@media (max-width: 600px) {
   .layout {
     display: grid;
     grid-template-columns: auto;