diff --git a/frontend/src/pages/MesGains.jsx b/frontend/src/pages/MesGains.jsx
index 134f347..dcb45f3 100644
--- a/frontend/src/pages/MesGains.jsx
+++ b/frontend/src/pages/MesGains.jsx
@@ -53,7 +53,7 @@ export default function MesGains() {
   useEffect(() => { fetchGains() }, [fetchGains])
 
   return (
-    <div className="min-h-screen bg-white max-w-sm mx-auto px-6 pt-6">
+    <div className="min-h-screen bg-gray-50 flex flex-col px-8 py-12 max-w-lg mx-auto">
       <UserNav active="gains" />
 
       <div className="flex items-center justify-between mb-4">
diff --git a/frontend/src/pages/Profile.jsx b/frontend/src/pages/Profile.jsx
index 60aa83b..7a84cb6 100644
--- a/frontend/src/pages/Profile.jsx
+++ b/frontend/src/pages/Profile.jsx
@@ -60,7 +60,7 @@ export default function Profile() {
   )
 
   return (
-    <div className="min-h-screen bg-white max-w-sm mx-auto px-6 pt-6 pb-10">
+    <div className="min-h-screen bg-gray-50 flex flex-col px-8 py-12 max-w-lg mx-auto">
       <UserNav active="profile" />
 
       {/* Avatar */}
diff --git a/frontend/src/pages/SaisirCodeUnique.jsx b/frontend/src/pages/SaisirCodeUnique.jsx
index 64da0d9..07fcb32 100644
--- a/frontend/src/pages/SaisirCodeUnique.jsx
+++ b/frontend/src/pages/SaisirCodeUnique.jsx
@@ -47,7 +47,7 @@ export default function SaisirCodeUnique() {
   }
 
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col px-8 py-12 max-w-sm mx-auto">
+    <div className="min-h-screen bg-gray-50 flex flex-col px-8 py-12 max-w-lg mx-auto">
       <UserNav active="code" />
 
       <div className="mb-8">