From 9589f6f3f0791e80cfaca6762322a4376f0cd52c Mon Sep 17 00:00:00 2001
From: LucasDLTG <lucas.deletang.legravier@gmail.com>
Date: Fri, 11 Sep 2026 20:27:55 +0200
Subject: [PATCH] fix: gate panels on linux

---
 src/features/dsp408/components/GainSection/GainSection.tsx | 4 ++--
 src/features/dsp408/components/GateSection/GateSection.css | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/features/dsp408/components/GainSection/GainSection.tsx b/src/features/dsp408/components/GainSection/GainSection.tsx
index 30683d6..1181a9a 100644
--- a/src/features/dsp408/components/GainSection/GainSection.tsx
+++ b/src/features/dsp408/components/GainSection/GainSection.tsx
@@ -431,8 +431,8 @@ function GainSection({
             <div className="gain-graph-title-line">
               <div className="gain-graph-title">Input Response</div>
               <Button
-                variant={showInputStages ? 'outline' : 'ghost'}
-                className="gain-stages-toggle"
+                variant="toggle"
+                className={`gain-stages-toggle ${showInputStages ? 'active-info' : ''}`}
                 onClick={() => setShowInputStages((v) => !v)}
               >
                 Show stages
diff --git a/src/features/dsp408/components/GateSection/GateSection.css b/src/features/dsp408/components/GateSection/GateSection.css
index 709d447..9ac76e1 100644
--- a/src/features/dsp408/components/GateSection/GateSection.css
+++ b/src/features/dsp408/components/GateSection/GateSection.css
@@ -23,10 +23,12 @@
 }
 
 .gate-panels {
+  display: grid;
+  grid-auto-flow: column;
   height: 100%;
-  display: flex;
   gap: var(--space-2);
   overflow-x: auto;
+  justify-content: center;
 }
 
 .gate-panel {