diff --git a/app/screens/settings/display_theme/display_theme.tsx b/app/screens/settings/display_theme/display_theme.tsx
index 76ae88368..19b0a6bda 100644
--- a/app/screens/settings/display_theme/display_theme.tsx
+++ b/app/screens/settings/display_theme/display_theme.tsx
@@ -42,7 +42,6 @@ const DisplayTheme = ({allowedThemeKeys, componentId, currentTeamId, currentUser
 
     const setThemePreference = useCallback(() => {
         const allowedTheme = allowedThemeKeys.find((tk) => tk === newTheme);
-
         const themeJson = Preferences.THEMES[allowedTheme as ThemeKey] || initialTheme;
 
         const pref: PreferenceType = {
@@ -70,7 +69,7 @@ const DisplayTheme = ({allowedThemeKeys, componentId, currentTeamId, currentUser
             />
             {initialTheme.type === 'custom' && (
                 <CustomTheme
-                    setTheme={setThemePreference}
+                    setTheme={setNewTheme}
                     displayTheme={initialTheme.type}
                 />
             )}
diff --git a/package-lock.json b/package-lock.json
index eec7fa78c..7cd944ccb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mattermost-mobile",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mattermost-mobile",
-      "version": "2.11.0",
+      "version": "2.12.0",
       "hasInstallScript": true,
       "license": "Apache 2.0",
       "dependencies": {