diff --git a/job-tracker-ui/src/components/SessionsSettingsCard.tsx b/job-tracker-ui/src/components/SessionsSettingsCard.tsx
index e480fca..b2862e5 100644
--- a/job-tracker-ui/src/components/SessionsSettingsCard.tsx
+++ b/job-tracker-ui/src/components/SessionsSettingsCard.tsx
@@ -85,7 +85,7 @@ export default function SessionsSettingsCard() {
   }
 
   return (
-    <Paper sx={{ mt: 2, p: 2 }}>
+    <Paper sx={{ mt: 2, p: 2.5, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
       <Typography variant="h6" sx={{ mb: 1 }}>
         {t("sessionsSectionTitle")}
       </Typography>
diff --git a/job-tracker-ui/src/components/TwoFactorSettingsCard.tsx b/job-tracker-ui/src/components/TwoFactorSettingsCard.tsx
index 44eba14..d85ddf5 100644
--- a/job-tracker-ui/src/components/TwoFactorSettingsCard.tsx
+++ b/job-tracker-ui/src/components/TwoFactorSettingsCard.tsx
@@ -184,7 +184,7 @@ export default function TwoFactorSettingsCard() {
   const isRecoveryStep = flow === "enable-recovery" || flow === "regenerate-recovery";
 
   return (
-    <Paper sx={{ mt: 2, p: 2 }}>
+    <Paper sx={{ mt: 2, p: 2.5, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
       <Typography variant="h6" sx={{ mb: 1 }}>
         {t("twoFactorSectionTitle")}
       </Typography>
diff --git a/job-tracker-ui/src/views/ForgotPasswordPage.tsx b/job-tracker-ui/src/views/ForgotPasswordPage.tsx
index f9a63e9..e34ec64 100644
--- a/job-tracker-ui/src/views/ForgotPasswordPage.tsx
+++ b/job-tracker-ui/src/views/ForgotPasswordPage.tsx
@@ -36,7 +36,7 @@ export default function ForgotPasswordPage() {
           "radial-gradient(1200px 700px at 20% 0%, rgba(79,140,255,0.14), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(245,158,11,0.10), transparent 55%)",
       }}
     >
-      <Paper sx={{ width: "min(520px, 100%)", p: 3 }}>
+      <Paper sx={{ width: "min(520px, 100%)", p: 4, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
           {t("forgotPasswordTitle")}
         </Typography>
diff --git a/job-tracker-ui/src/views/LoginPage.tsx b/job-tracker-ui/src/views/LoginPage.tsx
index fc39a1c..b9b6804 100644
--- a/job-tracker-ui/src/views/LoginPage.tsx
+++ b/job-tracker-ui/src/views/LoginPage.tsx
@@ -130,7 +130,7 @@ export default function LoginPage() {
           "radial-gradient(1200px 700px at 20% 0%, rgba(79,140,255,0.14), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(245,158,11,0.10), transparent 55%)",
       }}
     >
-      <Paper sx={{ width: "min(520px, 100%)", p: 3 }}>
+      <Paper sx={{ width: "min(520px, 100%)", p: 4, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
           {t("signInTitle")}
         </Typography>
diff --git a/job-tracker-ui/src/views/ResetPasswordPage.tsx b/job-tracker-ui/src/views/ResetPasswordPage.tsx
index 53be715..e0b29bd 100644
--- a/job-tracker-ui/src/views/ResetPasswordPage.tsx
+++ b/job-tracker-ui/src/views/ResetPasswordPage.tsx
@@ -40,7 +40,7 @@ export default function ResetPasswordPage() {
           "radial-gradient(1200px 700px at 20% 0%, rgba(79,140,255,0.14), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(245,158,11,0.10), transparent 55%)",
       }}
     >
-      <Paper sx={{ width: "min(520px, 100%)", p: 3 }}>
+      <Paper sx={{ width: "min(520px, 100%)", p: 4, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
           {t("resetPasswordTitle")}
         </Typography>
diff --git a/job-tracker-ui/src/views/VerifyEmailPage.tsx b/job-tracker-ui/src/views/VerifyEmailPage.tsx
index 2524d0e..dca6109 100644
--- a/job-tracker-ui/src/views/VerifyEmailPage.tsx
+++ b/job-tracker-ui/src/views/VerifyEmailPage.tsx
@@ -48,7 +48,7 @@ export default function VerifyEmailPage() {
           "radial-gradient(1200px 700px at 20% 0%, rgba(79,140,255,0.14), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(245,158,11,0.10), transparent 55%)",
       }}
     >
-      <Paper sx={{ width: "min(520px, 100%)", p: 3 }}>
+      <Paper sx={{ width: "min(520px, 100%)", p: 4, borderRadius: 4, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>
           {t("verifyEmailTitle")}
         </Typography>