diff --git a/src/features/admin/components/pages/DashboardPage.js b/src/features/admin/components/pages/DashboardPage.js
index 5e9b1d9..7e93ead 100644
--- a/src/features/admin/components/pages/DashboardPage.js
+++ b/src/features/admin/components/pages/DashboardPage.js
@@ -16,7 +16,7 @@ export default function DashboardPage({ stats }) {
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">
             Tableau de bord
           </h1>
-          <p className="mt-1 text-xs text-neutral-400">Vue d'ensemble de votre application</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">Vue d'ensemble de votre application</p>
         </div>
       </div>
 
diff --git a/src/features/admin/components/pages/ProfilePage.js b/src/features/admin/components/pages/ProfilePage.js
index 8a324bb..7f6ca96 100644
--- a/src/features/admin/components/pages/ProfilePage.js
+++ b/src/features/admin/components/pages/ProfilePage.js
@@ -187,7 +187,7 @@ const ProfilePage = ({ user: initialUser }) => {
                     <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">
                         Mon profil
                     </h1>
-                    <p className="mt-1 text-xs text-neutral-400">
+                    <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
                         Gérez les informations de votre compte
                     </p>
                 </div>
diff --git a/src/features/admin/components/pages/RoleEditPage.js b/src/features/admin/components/pages/RoleEditPage.js
index b9dee39..3d2dcda 100644
--- a/src/features/admin/components/pages/RoleEditPage.js
+++ b/src/features/admin/components/pages/RoleEditPage.js
@@ -122,7 +122,7 @@ const RoleEditPage = ({ roleId }) => {
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">{title}</h1>
           {isSystem && (
-            <p className="mt-1 text-xs text-neutral-400">Rôle système — le nom ne peut pas être modifié</p>
+            <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">Rôle système — le nom ne peut pas être modifié</p>
           )}
         </div>
       </div>
diff --git a/src/features/admin/components/pages/RolesPage.js b/src/features/admin/components/pages/RolesPage.js
index 422dc06..4bff4bf 100644
--- a/src/features/admin/components/pages/RolesPage.js
+++ b/src/features/admin/components/pages/RolesPage.js
@@ -143,7 +143,9 @@ const RolesPage = () => {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Rôles</h1>
-          <p className="mt-1 text-xs text-neutral-400">Gérez les rôles et leurs permissions</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
+            Gérez les rôles et leurs permissions
+          </p>
         </div>
         <Button
           variant="primary"
diff --git a/src/features/admin/components/pages/UserEditPage.js b/src/features/admin/components/pages/UserEditPage.js
index 1f7867d..e552718 100644
--- a/src/features/admin/components/pages/UserEditPage.js
+++ b/src/features/admin/components/pages/UserEditPage.js
@@ -182,7 +182,7 @@ const UserEditPage = ({ userId }) => {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Modifier l'utilisateur</h1>
-          <p className="mt-1 text-xs text-neutral-400">{userData.email}</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">{userData.email}</p>
         </div>
         <Button variant="secondary" size="sm" onClick={() => router.push('/admin/users')}>
           ← Retour aux utilisateurs
diff --git a/src/features/admin/components/pages/UsersPage.js b/src/features/admin/components/pages/UsersPage.js
index 208a09e..7ae3dd8 100644
--- a/src/features/admin/components/pages/UsersPage.js
+++ b/src/features/admin/components/pages/UsersPage.js
@@ -209,7 +209,9 @@ const UsersPage = () => {
             <div className="flex items-center justify-between">
                 <div>
                     <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Utilisateurs</h1>
-                    <p className="mt-1 text-xs text-neutral-400">Gérez les comptes utilisateurs</p>
+                    <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
+                        Gérez les comptes utilisateurs
+                    </p>
                 </div>
             </div>
             <UsersPageClient />
diff --git a/src/shared/components/StatCard.js b/src/shared/components/StatCard.js
index c50a9eb..876ea15 100644
--- a/src/shared/components/StatCard.js
+++ b/src/shared/components/StatCard.js
@@ -46,7 +46,7 @@ const StatCard = ({
                 )}
             </div>
 
-            <div className={`${bgColor} ${color} w-8 h-8 rounded-sm flex-shrink-0 ml-3 mt-[2px] flex items-center justify-center`}>
+            <div className={`${bgColor} ${color} w-8 h-8 rounded-md flex-shrink-0 ml-3 mt-[2px] flex items-center justify-center`}>
                 {loading ? (
                     <Skeleton height="h-4" width="w-4" />
                 ) : (