diff --git a/components/dashboard/overview-cards.tsx b/components/dashboard/overview-cards.tsx
index 2a7e57d..52acd4e 100644
--- a/components/dashboard/overview-cards.tsx
+++ b/components/dashboard/overview-cards.tsx
@@ -48,7 +48,7 @@ export function OverviewCards({ data }: OverviewCardsProps) {
     <div className="grid gap-4 sm:gap-6 grid-cols-2 lg:grid-cols-4">
       <Card className="stat-card-gradient-1 card-hover group relative overflow-hidden">
         <div className="absolute inset-0 bg-gradient-to-br from-primary/8 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
-        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 relative z-10">
+        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 lg:px-5 lg:pt-5 relative z-10">
           <CardTitle className="text-xs font-bold text-muted-foreground/70 leading-tight uppercase tracking-widest">
             Solde Total
           </CardTitle>
@@ -56,10 +56,10 @@ export function OverviewCards({ data }: OverviewCardsProps) {
             <Wallet className="h-5 w-5 text-primary" />
           </div>
         </CardHeader>
-        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 pt-0 relative z-10">
+        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 lg:px-5 lg:pb-5 pt-0 relative z-10">
           <div
             className={cn(
-              "text-2xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-5xl font-black tracking-tight mb-4 leading-none",
+              "text-2xl sm:text-3xl md:text-3xl lg:text-xl xl:text-xl font-black tracking-tight mb-4 leading-none break-words",
               totalBalance >= 0
                 ? "text-emerald-600 dark:text-emerald-400"
                 : "text-red-600 dark:text-red-400",
@@ -75,7 +75,7 @@ export function OverviewCards({ data }: OverviewCardsProps) {
 
       <Card className="stat-card-gradient-2 card-hover group relative overflow-hidden">
         <div className="absolute inset-0 bg-gradient-to-br from-success/8 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
-        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 relative z-10">
+        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 lg:px-5 lg:pt-5 relative z-10">
           <CardTitle className="text-xs font-bold text-muted-foreground/70 leading-tight uppercase tracking-widest">
             Revenus du mois
           </CardTitle>
@@ -83,8 +83,8 @@ export function OverviewCards({ data }: OverviewCardsProps) {
             <TrendingUp className="h-5 w-5 text-success" />
           </div>
         </CardHeader>
-        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 pt-0 relative z-10">
-          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-5xl font-black tracking-tight text-success mb-4 leading-none">
+        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 lg:px-5 lg:pb-5 pt-0 relative z-10">
+          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-xl xl:text-xl font-black tracking-tight text-success mb-4 leading-none break-words">
             {formatCurrency(income)}
           </div>
           <p className="text-xs sm:text-sm font-semibold text-muted-foreground/60">
@@ -98,7 +98,7 @@ export function OverviewCards({ data }: OverviewCardsProps) {
 
       <Card className="stat-card-gradient-3 card-hover group relative overflow-hidden">
         <div className="absolute inset-0 bg-gradient-to-br from-destructive/8 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
-        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 relative z-10">
+        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 lg:px-5 lg:pt-5 relative z-10">
           <CardTitle className="text-xs font-bold text-muted-foreground/70 leading-tight uppercase tracking-widest">
             Dépenses du mois
           </CardTitle>
@@ -106,8 +106,8 @@ export function OverviewCards({ data }: OverviewCardsProps) {
             <TrendingDown className="h-5 w-5 text-destructive" />
           </div>
         </CardHeader>
-        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 pt-0 relative z-10">
-          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-5xl font-black tracking-tight text-destructive mb-4 leading-none">
+        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 lg:px-5 lg:pb-5 pt-0 relative z-10">
+          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-xl xl:text-xl font-black tracking-tight text-destructive mb-4 leading-none break-words">
             {formatCurrency(expenses)}
           </div>
           <p className="text-xs sm:text-sm font-semibold text-muted-foreground/60">
@@ -121,7 +121,7 @@ export function OverviewCards({ data }: OverviewCardsProps) {
 
       <Card className="stat-card-gradient-4 card-hover group relative overflow-hidden">
         <div className="absolute inset-0 bg-gradient-to-br from-chart-4/8 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500" />
-        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 relative z-10">
+        <CardHeader className="flex flex-row items-start justify-between space-y-0 pb-4 px-6 pt-6 sm:px-7 sm:pt-7 lg:px-5 lg:pt-5 relative z-10">
           <CardTitle className="text-xs font-bold text-muted-foreground/70 leading-tight uppercase tracking-widest">
             Pointage
           </CardTitle>
@@ -129,8 +129,8 @@ export function OverviewCards({ data }: OverviewCardsProps) {
             <CreditCard className="h-5 w-5 text-chart-4" />
           </div>
         </CardHeader>
-        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 pt-0 relative z-10">
-          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-4xl xl:text-5xl font-black tracking-tight mb-4 leading-none">
+        <CardContent className="px-6 pb-6 sm:px-7 sm:pb-7 lg:px-5 lg:pb-5 pt-0 relative z-10">
+          <div className="text-2xl sm:text-3xl md:text-3xl lg:text-xl xl:text-xl font-black tracking-tight mb-4 leading-none break-words">
             {reconciledPercent}%
           </div>
           <p className="text-xs sm:text-sm font-semibold text-muted-foreground/60">
diff --git a/components/dashboard/recent-transactions.tsx b/components/dashboard/recent-transactions.tsx
index 0845c76..10ca400 100644
--- a/components/dashboard/recent-transactions.tsx
+++ b/components/dashboard/recent-transactions.tsx
@@ -2,7 +2,6 @@
 
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { CheckCircle2, Circle } from "lucide-react";
 import { CategoryIcon } from "@/components/ui/category-icon";
 import type { BankingData } from "@/lib/types";
 import { cn } from "@/lib/utils";
@@ -80,26 +79,14 @@ export function RecentTransactions({ data }: RecentTransactionsProps) {
                 className="group rounded-2xl bg-gradient-to-r from-muted/50 via-muted/30 to-muted/20 hover:from-muted/70 hover:via-muted/50 hover:to-muted/40 border-2 border-border/40 hover:border-primary/30 transition-all duration-300 overflow-hidden hover:shadow-lg hover:shadow-primary/10 hover:scale-[1.02] backdrop-blur-sm"
               >
                 <div className="flex items-start gap-4 md:gap-5 p-4 md:p-5">
-                  <div className="flex-shrink-0 pt-0.5">
-                    {transaction.isReconciled ? (
-                      <div className="rounded-2xl bg-gradient-to-br from-emerald-500/30 to-emerald-500/20 p-2 group-hover:scale-110 group-hover:rotate-3 transition-all duration-300 shadow-md shadow-emerald-500/20">
-                        <CheckCircle2 className="w-5 h-5 md:w-6 md:h-6 text-emerald-600 dark:text-emerald-400" />
-                      </div>
-                    ) : (
-                      <div className="rounded-2xl bg-muted/60 p-2 group-hover:bg-muted/80 transition-all duration-300">
-                        <Circle className="w-5 h-5 md:w-6 md:h-6 text-muted-foreground" />
-                      </div>
-                    )}
-                  </div>
-
                   <div className="flex-1 min-w-0 overflow-hidden">
                     <div className="flex items-start justify-between gap-2">
-                      <p className="font-bold text-base md:text-lg truncate flex-1 leading-tight">
+                      <p className="font-bold text-sm md:text-base truncate flex-1 leading-tight">
                         {transaction.description}
                       </p>
                       <div
                         className={cn(
-                          "font-black tabular-nums text-base md:text-lg shrink-0 md:hidden",
+                          "font-black tabular-nums text-sm md:text-base shrink-0 md:hidden",
                           transaction.amount >= 0
                             ? "text-emerald-600 dark:text-emerald-400"
                             : "text-red-600 dark:text-red-400",
@@ -141,7 +128,7 @@ export function RecentTransactions({ data }: RecentTransactionsProps) {
 
                   <div
                     className={cn(
-                      "font-black tabular-nums text-lg md:text-xl shrink-0 hidden md:block leading-tight",
+                      "font-black tabular-nums text-base md:text-lg shrink-0 hidden md:block leading-tight",
                       transaction.amount >= 0
                         ? "text-emerald-600 dark:text-emerald-400"
                         : "text-red-600 dark:text-red-400",
diff --git a/components/layout/page-header.tsx b/components/layout/page-header.tsx
index 1ef733e..5d359b9 100644
--- a/components/layout/page-header.tsx
+++ b/components/layout/page-header.tsx
@@ -23,22 +23,27 @@ export function PageHeader({
   const isMobile = useIsMobile();
 
   return (
-    <div className="relative flex flex-col gap-4 md:flex-row md:items-center md:justify-between mb-2">
-      <div className="flex items-center gap-4 flex-1 min-w-0">
+    <div className="flex flex-col gap-4 mb-2">
+      <div className="flex items-start gap-4 flex-1 min-w-0">
         {isMobile && (
           <Button
             variant="ghost"
             size="icon"
             onClick={() => setOpen(true)}
-            className="shrink-0 rounded-xl hover:bg-muted/60"
+            className="shrink-0 rounded-xl hover:bg-muted/60 mt-1"
           >
             <Menu className="w-5 h-5" />
           </Button>
         )}
-        <div className="flex-1 min-w-0 pr-20 md:pr-0">
-          <h1 className="text-3xl md:text-4xl lg:text-5xl font-black text-foreground tracking-tight mb-2 leading-tight">
-            {title}
-          </h1>
+        <div className="flex-1 min-w-0">
+          <div className="flex items-start justify-between gap-2 mb-2">
+            <h1 className="text-2xl md:text-4xl lg:text-5xl font-black text-foreground tracking-tight leading-tight flex-1 min-w-0">
+              {title}
+            </h1>
+            {rightContent && (
+              <div className="shrink-0">{rightContent}</div>
+            )}
+          </div>
           {description && (
             <div className="text-base md:text-lg text-muted-foreground/70 font-semibold">
               {description}
@@ -46,24 +51,10 @@ export function PageHeader({
           )}
         </div>
       </div>
-      {(rightContent || actions) && (
-        <>
-          {isMobile ? (
-            <div className="absolute top-0 right-0 flex items-center gap-2">
-              {rightContent}
-              {actions && (
-                <div className="[&>button]:h-10 [&>button]:px-3 [&>button]:text-sm">
-                  {actions}
-                </div>
-              )}
-            </div>
-          ) : (
-            <div className="flex items-center gap-3 flex-wrap">
-              {rightContent}
-              {actions && <div className="flex gap-3">{actions}</div>}
-            </div>
-          )}
-        </>
+      {actions && (
+        <div className="flex items-center gap-3 flex-wrap justify-end">
+          {actions}
+        </div>
       )}
     </div>
   );