diff --git a/src/app.scss b/src/app.scss
index d399510..09dced1 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -47,7 +47,7 @@ html {
   }
 }
 
-@media only screen and (max-width: 900px) {
+@media only screen and (max-width: 1024px) {
   html {
     --sidebarWidth: max(250px, 20%);
  
@@ -67,13 +67,13 @@ html {
   }
 }
 
-@media only screen and (max-width: 900px) and (min-width: 769px) {
+@media only screen and (max-width: 1024px) {
   .chat-menu-item .chat-icon {
     display: none;
   }
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 900px) {
   .navbar {
     display: block !important;
   }
@@ -353,7 +353,7 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
   overflow: visible;
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 900px) {
   .main-menu .dropdown-menu .dropdown-content {
     max-height: calc(100vh - 112px);
   }
@@ -529,7 +529,7 @@ aside.menu.main-menu .menu-expanse {
   }
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 900px) {
   .prompt-input-container {
     .control.send .button {
       width: auto;
@@ -573,7 +573,7 @@ aside.menu.main-menu .menu-expanse {
   padding-right: 2px;
 }
 
-@media only screen and (max-width: 900px) {
+@media only screen and (max-width: 1024px) {
   .main-menu .dropdown.is-right .dropdown-menu {
     right:auto;
     left:0;