diff --git a/templates/login.html b/templates/login.html
index 12668fd..81d7698 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -35,15 +35,15 @@
       </div>
 
       <!-- Remember Me Checkbox -->
-      <div class="form-group" style="margin-top: 1rem; margin-bottom: 1.5rem;">
-        <label style="display: flex; align-items: center; cursor: pointer; font-weight: normal;">
-          <input 
-            type="checkbox" 
-            id="remember_me" 
-            name="remember_me" 
-            style="margin-right: 0.5rem; width: auto; cursor: pointer;"
+      <div style="margin-top: 1rem; margin-bottom: 1.5rem;">
+        <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer; font-weight: normal; color: var(--gray-700);">
+          <input
+            type="checkbox"
+            id="remember_me"
+            name="remember_me"
+            style="width: 1rem; height: 1rem; cursor: pointer; accent-color: var(--primary-color); flex-shrink: 0;"
           />
-          <span>Remember me for 30 days</span>
+          <span style="font-size: 0.925rem;">Remember me for 30 days</span>
         </label>
       </div>