diff --git a/src/App.css b/src/App.css
index 8079ecd..264b970 100644
--- a/src/App.css
+++ b/src/App.css
@@ -79,14 +79,10 @@ form {
   background: var(--navbar-bg);
   border: 5px solid var(--card-border);
   border-radius: 12px;
-  box-shadow: none;
-  gap: 15px;
-  justify-content: center;
-  margin: 10px auto;
-  padding: 20px 30px;
+  transition: background-color .3s ease,border-color .3s ease;
   display: flex;
   flex-direction: column;
-  transition: background-color 0.3s ease, border-color 0.3s ease;
+  gap: 10.5px;
 }
 
 input {
@@ -105,13 +101,6 @@ input {
   font-family: articulat-cf;
 }
 
-@media (max-width: 450px) {
-  input {
-    max-width: 85%;
-    margin: auto;
-  }
-}
-
 input:hover {
   border: 2px solid var(--button-bg);
   background: var(--background);
-- 
2.51.2


From d8cdabac55c0b9857b8ee314d5289b3978cb3982 Mon Sep 17 00:00:00 2001
From: damedotblog <hi@dame.art>
Date: Tue, 22 Apr 2025 17:52:43 -0400
Subject: [PATCH 2/2] fix again

---
 src/App.css                    | 6 ++++++
 src/components/Login/Login.css | 1 -
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 264b970..383ebf3 100644
--- a/src/App.css
+++ b/src/App.css
@@ -232,6 +232,12 @@ ol {
   text-align: center;
 }
 
+@media (max-width: 330px) {
+  input {
+    margin: 0;
+  }
+}
+
 .disclaimer {
   opacity: 0.6;
   font-size: 0.8em;
diff --git a/src/components/Login/Login.css b/src/components/Login/Login.css
index 46a03e6..6393194 100644
--- a/src/components/Login/Login.css
+++ b/src/components/Login/Login.css
@@ -62,7 +62,6 @@
   font-family: inherit;
   text-align: center;
   box-sizing: border-box;
-  margin: 0;
 }
 
 .login-input-field:hover,