diff --git a/mobile/html/Web.bundle/css/index.css b/mobile/html/Web.bundle/css/index.css
index d07ee8bd..a78de030 100644
--- a/mobile/html/Web.bundle/css/index.css
+++ b/mobile/html/Web.bundle/css/index.css
@@ -6,6 +6,24 @@ body {
   font-family: 'Roboto';
 }
 
+@media (prefers-color-scheme: dark) {
+  body {
+    background: rgb(0, 0, 0);
+  }
+  .loaderSpinner {
+    color: #90caf9;
+  }
+  .loaderSpinner:before {
+    background: rgb(0, 0, 0);
+  }
+  .loaderSpinner:after {
+    background: rgb(0, 0, 0);
+  }
+  .slider {
+    color: #fff;
+  }
+}
+
 #main {
   position: fixed;
   width: 100%;
@@ -151,11 +169,12 @@ input[type='number'] {
   width: auto !important;
 }
 
-@media (max-width: 929px) {
+@media (max-height: 725px) and (max-width: 925px) {
   .appCenter:has(> div.MuiGrid-root:first-child, > div.MuiBox-root:first-child) {
-    overflow-y: scroll;
-    margin-top: 12px;
-    padding-bottom: 25px;
+    overflow-y: auto;
+    margin-top: 1em;
+    padding-bottom: 3em;
     height: 100%;
+    width: 100%;
   }
 }