diff --git a/web/frontend/src/features/settings/pages/SettingsPage.tsx b/web/frontend/src/features/settings/pages/SettingsPage.tsx
index a598b862..360df11d 100644
--- a/web/frontend/src/features/settings/pages/SettingsPage.tsx
+++ b/web/frontend/src/features/settings/pages/SettingsPage.tsx
@@ -51,12 +51,12 @@ export function Settings() {
 
   return (
     <div className="min-h-screen bg-[var(--bg-main)]">
-      <div className="mx-auto w-full max-w-6xl px-2 sm:px-6 md:px-8 py-3 sm:py-6">
+      <div className="mx-auto w-full max-w-[900px] px-6 py-8">
         {/* Use the same Header component as Homepage */}
         <Header onFileSelect={handleFileSelect} />
 
         {/* Main Content Container with same styling as Homepage */}
-        <div className="bg-[var(--bg-card)] border border-[var(--border-subtle)] shadow-[var(--shadow-card)] rounded-[var(--radius-card)] p-2 sm:p-6 mt-4 sm:mt-6">
+        <div className="bg-[var(--bg-card)] border border-[var(--border-subtle)] shadow-[var(--shadow-card)] rounded-[var(--radius-card)] p-2 sm:p-6 mt-8">
           <div className="mb-4 sm:mb-8">
             <h1 className="text-2xl font-display font-bold text-[var(--text-primary)] mb-2">
               Settings
diff --git a/web/frontend/src/features/transcription/components/AudioDetailView.tsx b/web/frontend/src/features/transcription/components/AudioDetailView.tsx
index 4c79cab2..3e5e09ae 100644
--- a/web/frontend/src/features/transcription/components/AudioDetailView.tsx
+++ b/web/frontend/src/features/transcription/components/AudioDetailView.tsx
@@ -140,16 +140,16 @@ export const AudioDetailView = function AudioDetailView({ audioId: propAudioId }
             {/* 
               1. Header Redesign:
               - Using shared Header component for consistency
-              - Padding matches Dashboard (px-4 sm:px-8)
+              - Padding matches Dashboard (px-6)
             */}
-            <div className="max-w-6xl mx-auto w-full px-4 sm:px-8 py-6">
+            <div className="max-w-[900px] mx-auto w-full px-6 py-8">
                 <Header
                     onFileSelect={() => { }} // No file upload in detail view
                 />
             </div>
 
             {/* Main Content */}
-            <main className="flex-1 overflow-y-auto overflow-x-hidden px-4 sm:px-8 pb-32 max-w-6xl mx-auto">
+            <main className="flex-1 overflow-y-auto overflow-x-hidden px-6 pb-32 max-w-[900px] mx-auto w-full">
                 <div className="mx-auto space-y-8">
 
                     {/* 
diff --git a/web/frontend/src/features/transcription/components/Dashboard.tsx b/web/frontend/src/features/transcription/components/Dashboard.tsx
index 53fa29b5..7f94a8ee 100644
--- a/web/frontend/src/features/transcription/components/Dashboard.tsx
+++ b/web/frontend/src/features/transcription/components/Dashboard.tsx
@@ -244,7 +244,7 @@ export function Dashboard() {
 			onDragOver={handleDragOver}
 			onDrop={handleDrop}
 		>
-			<div className="mx-auto w-full max-w-6xl px-4 sm:px-8 py-8 sm:py-12 transition-all duration-300">
+			<div className="mx-auto w-full max-w-[900px] px-6 py-8 transition-all duration-300">
 				<Header
 					onFileSelect={handleFileSelect}
 					onMultiTrackClick={() => setIsMultiTrackDialogOpen(true)}