diff --git a/components/carnet/navigation.tsx b/components/carnet/navigation.tsx
index 5d343efd..d6ed16f4 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-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 className="p-4">
+        <div className="flex items-center gap-2 mb-2">
+          <FileText className="h-4 w-4 text-carnet-text-primary" />
+          <span className="text-sm font-semibold text-carnet-text-primary">PAGES</span>
         </div>
         <div className="relative">
           <input
@@ -175,24 +175,24 @@ 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.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"
+            className="w-full pl-8 pr-4 py-1.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" />
+          <Search className="absolute left-2 top-1.5 h-3.5 w-3.5 text-carnet-text-muted" />
           {searchQuery && (
             <button
               onClick={() => setSearchQuery('')}
-              className="absolute right-3 top-2.5 text-carnet-text-muted hover:text-carnet-text-primary"
+              className="absolute right-2 top-1.5 text-carnet-text-muted hover:text-carnet-text-primary"
             >
-              <X className="h-4 w-4" />
+              <X className="h-3.5 w-3.5" />
             </button>
           )}
         </div>
       </div>
 
       {/* Folders */}
-      <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">
+      <div className="flex-1 overflow-y-auto p-4">
+        <h2 className="text-xs font-semibold text-carnet-text-primary mb-2">VUES</h2>
+        <div className="space-y-1">
           {sortedFolders.map((folder) => {
             const config = FOLDER_CONFIG[folder as FolderType];
             const Icon = config?.icon || FileText;
@@ -208,13 +208,13 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
                       onFolderSelect(folder);
                     }
                   }}
-                  className="w-full flex items-center px-3 py-2.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
+                  className="w-full flex items-center px-2 py-1.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
                 >
-                  <Icon className="h-4 w-4 flex-shrink-0" />
+                  <Icon className="h-3.5 w-3.5 flex-shrink-0" />
                   <span className="ml-2 truncate">{displayName}</span>
                   {folder === 'Contacts' && (
                     <ChevronRight 
-                      className={`h-4 w-4 flex-shrink-0 ml-auto transition-transform ${
+                      className={`h-3.5 w-3.5 flex-shrink-0 ml-auto transition-transform ${
                         expandedContacts ? 'transform rotate-90' : ''
                       }`}
                     />