diff --git a/components/carnet/navigation.tsx b/components/carnet/navigation.tsx
index 4126baaf..5d343efd 100644
--- a/components/carnet/navigation.tsx
+++ b/components/carnet/navigation.tsx
@@ -164,10 +164,10 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
   return (
     <div className="flex flex-col h-full bg-carnet-sidebar">
       {/* Search */}
-      <div className="p-4">
-        <div className="flex items-center gap-2 mb-2">
-          <FileText className="h-6 w-6 text-carnet-text-primary" />
-          <span className="text-xl font-semibold text-carnet-text-primary">PAGES</span>
+      <div className="p-3">
+        <div className="flex items-center gap-2 mb-3">
+          <FileText className="h-5 w-5 text-carnet-text-primary" />
+          <span className="text-lg font-semibold text-carnet-text-primary">PAGES</span>
         </div>
         <div className="relative">
           <input
@@ -175,7 +175,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
             value={searchQuery}
             onChange={(e) => setSearchQuery(e.target.value)}
             placeholder="Recherche..."
-            className="w-full pl-9 pr-4 py-2 bg-white border border-carnet-border rounded-md text-sm text-carnet-text-primary placeholder-carnet-text-muted focus:outline-none focus:ring-1 focus:ring-primary"
+            className="w-full pl-9 pr-4 py-2.5 bg-white border border-carnet-border rounded-md text-sm text-carnet-text-primary placeholder-carnet-text-muted focus:outline-none focus:ring-1 focus:ring-primary"
           />
           <Search className="absolute left-3 top-2.5 h-4 w-4 text-carnet-text-muted" />
           {searchQuery && (
@@ -190,9 +190,9 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
       </div>
 
       {/* Folders */}
-      <div className="flex-1 overflow-y-auto p-4">
-        <h2 className="text-sm font-semibold text-carnet-text-primary mb-2">VUES</h2>
-        <div className="space-y-1">
+      <div className="flex-1 overflow-y-auto p-3">
+        <h2 className="text-sm font-semibold text-carnet-text-primary mb-3">VUES</h2>
+        <div className="space-y-1.5">
           {sortedFolders.map((folder) => {
             const config = FOLDER_CONFIG[folder as FolderType];
             const Icon = config?.icon || FileText;
@@ -208,7 +208,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
                       onFolderSelect(folder);
                     }
                   }}
-                  className="w-full flex items-center px-3 py-2 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
+                  className="w-full flex items-center px-3 py-2.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
                 >
                   <Icon className="h-4 w-4 flex-shrink-0" />
                   <span className="ml-2 truncate">{displayName}</span>