diff --git a/components/HomePageClient.tsx b/components/HomePageClient.tsx
index 743774f..709145a 100644
--- a/components/HomePageClient.tsx
+++ b/components/HomePageClient.tsx
@@ -26,6 +26,8 @@ function HomePageContent() {
   // Extraire les préférences du context
   const showFilters = preferences.viewPreferences.showFilters;
   const showObjectives = preferences.viewPreferences.showObjectives;
+  const compactView = preferences.viewPreferences.compactView;
+  const swimlanesByTags = preferences.viewPreferences.swimlanesByTags;
 
   // Handlers pour les toggles (sauvegarde automatique via le context)
   const handleToggleFilters = () => {
@@ -36,6 +38,14 @@ function HomePageContent() {
     updateViewPreferences({ showObjectives: !showObjectives });
   };
 
+  const handleToggleCompactView = () => {
+    updateViewPreferences({ compactView: !compactView });
+  };
+
+  const handleToggleSwimlanes = () => {
+    updateViewPreferences({ swimlanesByTags: !swimlanesByTags });
+  };
+
   // Handler pour la création de tâche depuis la barre de contrôles
   const handleCreateTask = async (data: CreateTaskData) => {
     await createTask(data);
@@ -86,6 +96,46 @@ function HomePageContent() {
                 </button>
               </div>
               
+              <div className="flex items-center gap-2 border-l border-[var(--border)] pl-4">
+                <button
+                  onClick={handleToggleCompactView}
+                  className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-mono transition-all ${
+                    compactView 
+                      ? 'bg-[var(--secondary)]/20 text-[var(--secondary)] border border-[var(--secondary)]/30' 
+                      : 'bg-[var(--card)] text-[var(--muted-foreground)] border border-[var(--border)] hover:border-[var(--secondary)]/50'
+                  }`}
+                  title={compactView ? "Vue détaillée" : "Vue compacte"}
+                >
+                  <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    {compactView ? (
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 10h16M4 14h16M4 18h16" />
+                    ) : (
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
+                    )}
+                  </svg>
+                  {compactView ? 'Détaillée' : 'Compacte'}
+                </button>
+                
+                <button
+                  onClick={handleToggleSwimlanes}
+                  className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-mono transition-all ${
+                    swimlanesByTags 
+                      ? 'bg-[var(--warning)]/20 text-[var(--warning)] border border-[var(--warning)]/30' 
+                      : 'bg-[var(--card)] text-[var(--muted-foreground)] border border-[var(--border)] hover:border-[var(--warning)]/50'
+                  }`}
+                  title={swimlanesByTags ? "Vue standard" : "Vue swimlanes"}
+                >
+                  <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    {swimlanesByTags ? (
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
+                    ) : (
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11H5m14-7H5m14 14H5" />
+                    )}
+                  </svg>
+                  {swimlanesByTags ? 'Standard' : 'Swimlanes'}
+                </button>
+              </div>
+              
             </div>
 
             {/* Bouton d'ajout de tâche */}
diff --git a/components/kanban/KanbanFilters.tsx b/components/kanban/KanbanFilters.tsx
index 52c1abe..a94fd75 100644
--- a/components/kanban/KanbanFilters.tsx
+++ b/components/kanban/KanbanFilters.tsx
@@ -90,12 +90,6 @@ export function KanbanFilters({ filters, onFiltersChange, hiddenStatuses: propsH
     });
   };
 
-  const handleCompactViewToggle = () => {
-    onFiltersChange({ 
-      ...filters, 
-      compactView: !filters.compactView 
-    });
-  };
 
   const handleSwimlanesToggle = () => {
     onFiltersChange({ 
@@ -243,27 +237,6 @@ export function KanbanFilters({ filters, onFiltersChange, hiddenStatuses: propsH
             )}
           </div>
 
-          {/* Bouton vue compacte */}
-          <Button
-            variant={filters.compactView ? "primary" : "ghost"}
-            onClick={handleCompactViewToggle}
-            className="flex items-center gap-2"
-            title={filters.compactView ? "Vue détaillée" : "Vue compacte"}
-          >
-            <svg 
-              className="w-4 h-4" 
-              fill="none" 
-              stroke="currentColor" 
-              viewBox="0 0 24 24"
-            >
-              {filters.compactView ? (
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 10h16M4 14h16M4 18h16" />
-              ) : (
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
-              )}
-            </svg>
-            {filters.compactView ? 'Détaillée' : 'Compacte'}
-          </Button>
 
           {/* Bouton de tri */}
           <div className="relative" ref={sortDropdownRef}>