diff --git a/components/settings/MediaContext.tsx b/components/settings/MediaContext.tsx
index 251eeade..80679aa0 100644
--- a/components/settings/MediaContext.tsx
+++ b/components/settings/MediaContext.tsx
@@ -118,6 +118,7 @@ export const MediaProvider = ({ children }: { children: ReactNode }) => {
     updateSettings({
       defaultSubtitleLanguage: subtitlePreference,
       defaultAudioLanguage: audioPreference,
+      subtitleMode: user?.Configuration?.SubtitleMode,
     });
   }, [user, cultures]);
 
diff --git a/components/settings/SubtitleToggles.tsx b/components/settings/SubtitleToggles.tsx
index 124bffb6..e22f28f3 100644
--- a/components/settings/SubtitleToggles.tsx
+++ b/components/settings/SubtitleToggles.tsx
@@ -89,7 +89,7 @@ export const SubtitleToggles: React.FC<Props> = ({ ...props }) => {
         >
           <View className="flex flex-col shrink">
             <Text className="font-semibold">Subtitle Mode</Text>
-            <Text className="text-xs opacity-50">
+            <Text className="text-xs opacity-50 mr-2">
               Subtitles are loaded based on the default and forced flags in the
               embedded metadata. Language preferences are considered when
               multiple options are available.