diff --git a/src/sass/media-queries.scss b/src/sass/media-queries.scss
index 7b80efa38..1c23e9788 100644
--- a/src/sass/media-queries.scss
+++ b/src/sass/media-queries.scss
@@ -41,6 +41,7 @@
       grid-template-areas:
         "logo config"
         "menu config";
+        grid-template-columns: auto auto;
       .logo {
         margin-bottom: 0;
       }
@@ -155,6 +156,9 @@
   .pageAbout .section .supporters, .pageAbout .section .contributors{
     grid-template-columns: 1fr 1fr;
   }
+  #top .logo .bottom{
+    margin-top: 0;
+  }
   #middle {
     #result {
       grid-template-areas:
@@ -186,7 +190,7 @@
       .bottom {
         font-size: 1.75rem;
         line-height: 1.75rem;
-        margin-top: 0.5rem;
+        margin-top: 0;
       }
       .top {
         display: none;
@@ -228,7 +232,27 @@
   }
 }
 
+@media only screen and (max-width: 400px) {
 
+  #top .logo .bottom{
+    font-size: 1.5rem;
+    line-height: 1.5rem;
+    margin-top: 0;
+  }
+
+  #top .config {
+    grid-gap: .25rem;
+    .group .buttons{
+      font-size: .65rem;
+      line-height: .65rem;
+    }
+  }
+
+  #bottom{
+    font-size: .65rem;
+  }
+
+}
 
 @media (hover: none) and (pointer: coarse) {
   #commandLineMobileButton {