From 520b002026ca5130dc1952e30cee044f32d72de0 Mon Sep 17 00:00:00 2001
From: cesnimda <connor.babbington@cesnimda.co.uk>
Date: Mon, 13 Jul 2026 09:38:30 +0200
Subject: [PATCH] style(ui): float Settings and Profile page cards to match
 design system

---
 job-tracker-ui/src/components/SettingsView.tsx | 4 ++--
 job-tracker-ui/src/views/ProfilePage.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/job-tracker-ui/src/components/SettingsView.tsx b/job-tracker-ui/src/components/SettingsView.tsx
index 2f19cc8..9215806 100644
--- a/job-tracker-ui/src/components/SettingsView.tsx
+++ b/job-tracker-ui/src/components/SettingsView.tsx
@@ -41,7 +41,7 @@ function TabPanel({ value, index, children }: { value: number; index: number; ch
 
 function SectionCard({ title, subtitle, children }: { title: string; subtitle?: string; children: React.ReactNode }) {
   return (
-    <Paper sx={{ p: 2.5 }}>
+    <Paper sx={{ 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="overline" sx={{ color: "text.secondary", fontWeight: 800 }}>{title}</Typography>
       {subtitle ? <Typography variant="body2" sx={{ color: "text.secondary", mt: 0.25, mb: 1.5 }}>{subtitle}</Typography> : <Box sx={{ mb: 1.5 }} />}
       {children}
@@ -100,7 +100,7 @@ export default function SettingsView({
   }, [notificationPrefs]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2.5 }}>
+    <Paper sx={{ mt: 0, 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="h5" sx={{ mb: 0.5, fontWeight: 900 }}>
         {t("settingsTitle")}
       </Typography>
diff --git a/job-tracker-ui/src/views/ProfilePage.tsx b/job-tracker-ui/src/views/ProfilePage.tsx
index 504c1cc..a651ebc 100644
--- a/job-tracker-ui/src/views/ProfilePage.tsx
+++ b/job-tracker-ui/src/views/ProfilePage.tsx
@@ -469,7 +469,7 @@ export default function ProfilePage() {
   }, [rewritePreview?.fullText, rewritePreview?.templateId, rewritePreview?.targetRole, resetPdfCarousel]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2.5 }}>
+    <Paper sx={{ mt: 0, 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)" }}>
       <CropImageDialog
         open={cropOpen}
         file={avatarFile}