diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 67c889d2..87f90b53 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -67,9 +67,9 @@ const Login = () => {
           sx={{
             textAlign: "center",
             backgroundColor: "#ffffff",
-            padding: 4,
-            borderRadius: 4,
-            boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)",
+            padding: 6,
+            borderRadius: 5,
+            boxShadow: "0px 20px 40px rgba(0, 0, 0, 0.2), 0px -5px 10px rgba(0, 0, 0, 0.15)",
             display: "flex",
             flexDirection: "column",
             alignItems: "center",