app/components/Settings.tsx

@@ -579,6 +579,7 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
               <li onClick={() => setActiveSection('theme')}>Theme</li>
               <li onClick={() => setActiveSection('foss')}>FOSS</li>
               <li onClick={() => setActiveSection('account')}>Account</li>
+              {/* Make something that can export and import all settings */} 
             </ul>
           </div>
           <div className="settings-main">

app/styles/responsive.css

@@ -12,7 +12,7 @@
     position: relative;
     top: 0;
     left: 0;
-    margin-top: 5px;
+    margin-top: 0px;
     padding-top: 0;
     width: 100%;
   }
@@ -23,7 +23,7 @@
     flex-direction: column;
     align-items: center;
     width: 100vw;
-    overflow: hidden;
+    overflow: scroll;
     margin: 0;
     padding: 0;
   }
@@ -111,6 +111,10 @@
     background-color: var(--input-button-color); /* Use variable for button color */
     color: var(--user-message-text-color); /* Use variable for button text color */
   }
+
+  .login-button button{
+    margin: 20px 0;
+  } 
 }
 
 /* Responsive adjustments for the settings */