diff --git a/components/editor/AudioEditor.tsx b/components/editor/AudioEditor.tsx
index 39c4240..15efa6d 100644
--- a/components/editor/AudioEditor.tsx
+++ b/components/editor/AudioEditor.tsx
@@ -1067,7 +1067,7 @@ export function AudioEditor() {
           </div>
 
           {/* Analyzer Toggle */}
-          <div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1">
+          <div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1 max-w-[160px] mx-auto">
             <button
               onClick={() => setAnalyzerView('frequency')}
               className={`flex-1 px-2 py-1 rounded text-[10px] font-bold uppercase tracking-wider transition-all ${
@@ -1091,12 +1091,14 @@ export function AudioEditor() {
           </div>
 
           {/* Analyzer Display */}
-          <div className="flex-1 min-h-[300px]">
-            {analyzerView === 'frequency' ? (
-              <FrequencyAnalyzer analyserNode={masterAnalyser} />
-            ) : (
-              <Spectrogram analyserNode={masterAnalyser} />
-            )}
+          <div className="flex-1 min-h-[300px] flex items-start justify-center">
+            <div className="w-[160px]">
+              {analyzerView === 'frequency' ? (
+                <FrequencyAnalyzer analyserNode={masterAnalyser} />
+              ) : (
+                <Spectrogram analyserNode={masterAnalyser} />
+              )}
+            </div>
           </div>
         </aside>
       </div>