diff --git a/src/web/css/header.css b/src/web/css/header.css
index 078bf54..66c0404 100644
--- a/src/web/css/header.css
+++ b/src/web/css/header.css
@@ -18,3 +18,12 @@ header {
     align-items: center;
     gap: 10px;
 }
+
+@media screen and (max-width: 400px) {
+    header>h1 {
+        font-size: 15px;
+    }
+    .userbuttons>h1 {
+        font-size: 15px;
+    }
+}
diff --git a/src/web/css/settings.css b/src/web/css/settings.css
index 8ff8fdc..18b6371 100644
--- a/src/web/css/settings.css
+++ b/src/web/css/settings.css
@@ -187,6 +187,10 @@ tbody>tr>th {
   .settingrect {
     width: 50%;
   }
+  .settingssection {
+    flex-direction: column;
+    align-items: center;
+  }
 }
 
 @media screen and (max-width: 600px) {