diff --git a/src/components/player/controls/PlayerControls.tsx b/src/components/player/controls/PlayerControls.tsx
index 29861710..e45a4984 100644
--- a/src/components/player/controls/PlayerControls.tsx
+++ b/src/components/player/controls/PlayerControls.tsx
@@ -297,6 +297,14 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
     >
       {/* Progress slider with native iOS slider */}
       <View style={styles.sliderContainer}>
+        <View style={[styles.timeDisplay, { paddingHorizontal: 14 }]}>
+          <View style={styles.timeContainer}>
+            <Text style={styles.duration}>{formatTime(previewTime)}</Text>
+          </View>
+          <View style={styles.timeContainer}>
+            <Text style={styles.duration}>{formatTime(duration)}</Text>
+          </View>
+        </View>
         <Slider
           style={{
             width: '100%',
@@ -326,14 +334,6 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
           thumbTintColor={Platform.OS === 'android' ? currentTheme.colors.white : undefined}
           tapToSeek={Platform.OS === 'ios'}
         />
-        <View style={[styles.timeDisplay, { paddingHorizontal: 14 }]}>
-          <View style={styles.timeContainer}>
-            <Text style={styles.duration}>{formatTime(previewTime)}</Text>
-          </View>
-          <View style={styles.timeContainer}>
-            <Text style={styles.duration}>{formatTime(duration)}</Text>
-          </View>
-        </View>
       </View>
 
       {/* Controls Overlay */}
@@ -590,75 +590,82 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
           pointerEvents="box-none"
         >
           <View style={styles.bottomControls} pointerEvents="box-none">
-            {/* Center Buttons Container with rounded background - wraps all buttons */}
+            {/* Center Buttons Container with split layout */}
             <View style={styles.centerControlsContainer} pointerEvents="box-none">
-              {/* Left Side: Aspect Ratio Button */}
-              <TouchableOpacity style={styles.iconButton} onPress={cycleAspectRatio}>
-                <Ionicons name="expand-outline" size={24} color="white" />
-              </TouchableOpacity>
-
-              {/* Subtitle Button */}
-              <TouchableOpacity
-                style={styles.iconButton}
-                onPress={() => setShowSubtitleModal(!isSubtitleModalOpen)}
-              >
-                <Ionicons name="text" size={24} color="white" />
-              </TouchableOpacity>
-
-              {/* Change Source Button */}
-              {setShowSourcesModal && (
-                <TouchableOpacity
-                  style={styles.iconButton}
-                  onPress={() => setShowSourcesModal(true)}
-                >
-                  <Ionicons name="cloud-outline" size={24} color="white" />
+              {/* Left Group */}
+              <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                {/* Aspect Ratio Button */}
+                <TouchableOpacity style={styles.iconButton} onPress={cycleAspectRatio}>
+                  <Ionicons name="expand-outline" size={24} color="white" />
                 </TouchableOpacity>
-              )}
 
-              {/* Playback Speed Button */}
-              <TouchableOpacity style={styles.iconButton} onPress={() => setShowSpeedModal(true)}>
-                <Ionicons name="speedometer-outline" size={24} color="white" />
-              </TouchableOpacity>
-
-              {/* Audio Button */}
-              <TouchableOpacity
-                style={styles.iconButton}
-                onPress={() => setShowAudioModal(true)}
-                disabled={ksAudioTracks.length <= 1}
-              >
-                <Ionicons
-                  name="musical-notes-outline"
-                  size={24}
-                  color={ksAudioTracks.length <= 1 ? 'grey' : 'white'}
-                />
-              </TouchableOpacity>
-
-              {/* Submit Intro Button */}
-              {season !== undefined && episode !== undefined && settings.introSubmitEnabled && settings.introDbApiKey && (
+                {/* Subtitle Button */}
                 <TouchableOpacity
                   style={styles.iconButton}
-                  onPress={handleIntroPress}
+                  onPress={() => setShowSubtitleModal(!isSubtitleModalOpen)}
+                >
+                  <Ionicons name="text" size={24} color="white" />
+                </TouchableOpacity>
+
+                {/* Playback Speed Button */}
+                <TouchableOpacity style={styles.iconButton} onPress={() => setShowSpeedModal(true)}>
+                  <Ionicons name="speedometer-outline" size={24} color="white" />
+                </TouchableOpacity>
+
+                {/* Audio Button */}
+                <TouchableOpacity
+                  style={styles.iconButton}
+                  onPress={() => setShowAudioModal(true)}
+                  disabled={ksAudioTracks.length <= 1}
                 >
                   <Ionicons
-                    name="flag-outline"
+                    name="musical-notes-outline"
                     size={24}
-                    color="white"
+                    color={ksAudioTracks.length <= 1 ? 'grey' : 'white'}
                   />
                 </TouchableOpacity>
-              )}
 
-              {/* Right Side: Episodes Button */}
-              {setShowEpisodesModal && (
-                <TouchableOpacity
-                  style={styles.iconButton}
-                  onPress={() => setShowEpisodesModal(true)}
-                >
-                  <Ionicons name="list" size={24} color="white" />
-                </TouchableOpacity>
-              )}
+                {/* Submit Intro Button */}
+                {season !== undefined && episode !== undefined && settings.introSubmitEnabled && settings.introDbApiKey && (
+                  <TouchableOpacity
+                    style={styles.iconButton}
+                    onPress={handleIntroPress}
+                  >
+                    <Ionicons
+                      name="flag-outline"
+                      size={24}
+                      color="white"
+                    />
+                  </TouchableOpacity>
+                )}
+              </View>
+
+              {/* Right Group */}
+              <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                {/* Change Source Button */}
+                {setShowSourcesModal && (
+                  <TouchableOpacity
+                    style={styles.iconButton}
+                    onPress={() => setShowSourcesModal(true)}
+                  >
+                    <Ionicons name="cloud-outline" size={24} color="white" />
+                  </TouchableOpacity>
+                )}
+
+                {/* Episodes Button */}
+                {setShowEpisodesModal && (
+                  <TouchableOpacity
+                    style={styles.iconButton}
+                    onPress={() => setShowEpisodesModal(true)}
+                  >
+                    <Ionicons name="list" size={24} color="white" />
+                  </TouchableOpacity>
+                )}
+              </View>
             </View>
           </View>
         </LinearGradient>
+
       </View>
     </Animated.View>
   );
diff --git a/src/components/player/utils/playerStyles.ts b/src/components/player/utils/playerStyles.ts
index 35dd6f7c..791e2cc2 100644
--- a/src/components/player/utils/playerStyles.ts
+++ b/src/components/player/utils/playerStyles.ts
@@ -352,8 +352,8 @@ export const styles = StyleSheet.create({
     justifyContent: 'space-between',
     width: '100%',
     paddingHorizontal: 4,
-    marginTop: 4,
-    marginBottom: 8,
+    marginTop: 0,
+    marginBottom: 2,
   },
   duration: {
     color: 'white',
@@ -399,16 +399,15 @@ export const styles = StyleSheet.create({
   centerControlsContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'center',
-    gap: 2,
-    paddingHorizontal: 4,
+    justifyContent: 'space-between',
+    paddingHorizontal: 6,
     paddingVertical: 2,
     marginTop: 12,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     borderRadius: 24,
     borderWidth: 1,
     borderColor: 'rgba(255, 255, 255, 0.2)',
-    alignSelf: 'center',
+    width: '100%',
     zIndex: 1002,
   },
   modalOverlay: {
diff --git a/src/navigation/AppNavigator.tsx b/src/navigation/AppNavigator.tsx
index ec219b70..2d6017aa 100644
--- a/src/navigation/AppNavigator.tsx
+++ b/src/navigation/AppNavigator.tsx
@@ -1924,7 +1924,6 @@ const ConditionalPostHogProvider: React.FC<{ children: React.ReactNode }> = ({ c
       apiKey="phc_sk6THCtV3thEAn6cTaA9kL2cHuKDBnlYiSL40ywdS6C"
       options={{
         host: "https://us.i.posthog.com",
-        autocapture: analyticsEnabled,
         // Start opted out if analytics is disabled
         defaultOptIn: analyticsEnabled,
       }}