diff --git a/src/pages/login_page.html b/src/pages/login_page.html
index b49e847..84eeb3d 100644
--- a/src/pages/login_page.html
+++ b/src/pages/login_page.html
@@ -6,10 +6,11 @@
     rel="stylesheet"
 />
 <link rel="stylesheet" href="static/style.css" />
+<link rel="stylesheet" href="static/card.css" />
 <link rel="stylesheet" href="static/login_page.css" />
 
 <img id="logo_image" alt="logo" src="/logo" />
-<form id="login_card" method="POST">
+<form id="login_card" class="card" method="POST">
     <div id="welcome_text">
         Welcome to Astral Tech, Please Sign in to your account below
     </div>
diff --git a/static/card.css b/static/card.css
index 7225a61..683996b 100644
--- a/static/card.css
+++ b/static/card.css
@@ -7,7 +7,7 @@
     ); /* Semi-transparent white for light theme */
     border: 1px solid var(--border-subtle);
     border-radius: 12px;
-    padding: 24px;
+    padding: 2.5rem;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
     transition: transform 0.2s ease;
 }
diff --git a/static/login_page.css b/static/login_page.css
index bbf8efa..4a28cfa 100644
--- a/static/login_page.css
+++ b/static/login_page.css
@@ -15,17 +15,7 @@
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
-
-    background-color: var(--bg-card);
-    border: 1px solid var(--border-subtle);
-    padding: 2.5rem;
-    border-radius: 8px;
     width: 350px;
-
-    /* Soft shadow for depth in light mode */
-    box-shadow:
-        0 4px 12px rgba(0, 0, 0, 0.05),
-        0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 #login_card input {