diff --git a/src/redux/reducers/config/preferred-dark-theme.ts b/src/redux/reducers/config/preferred-dark-theme.ts
index 3e00a365..a350730b 100644
--- a/src/redux/reducers/config/preferred-dark-theme.ts
+++ b/src/redux/reducers/config/preferred-dark-theme.ts
@@ -1,9 +1,9 @@
 import { loadTheme } from '../../../styles/utils'
 import { Reducer, ThemePair } from '../../../types'
 
-type State = ThemePair | ''
+type State = ThemePair | null
 
-const initialState: State = ''
+const initialState: State = null
 
 export const preferredDarkThemeReducer: Reducer<State> = (
   state = initialState,
diff --git a/src/redux/reducers/config/preferred-light-theme.ts b/src/redux/reducers/config/preferred-light-theme.ts
index 1626cc55..c5181e1e 100644
--- a/src/redux/reducers/config/preferred-light-theme.ts
+++ b/src/redux/reducers/config/preferred-light-theme.ts
@@ -1,9 +1,9 @@
 import { loadTheme } from '../../../styles/utils'
 import { Reducer, ThemePair } from '../../../types'
 
-type State = ThemePair | ''
+type State = ThemePair | null
 
-const initialState: State = ''
+const initialState: State = null
 
 export const preferredLightThemeReducer: Reducer<State> = (
   state = initialState,
diff --git a/src/redux/reducers/config/theme.ts b/src/redux/reducers/config/theme.ts
index 415c903a..901eeb87 100644
--- a/src/redux/reducers/config/theme.ts
+++ b/src/redux/reducers/config/theme.ts
@@ -1,8 +1,8 @@
 import { Reducer, ThemePair } from '../../../types'
 
-type State = ThemePair | ''
+type State = ThemePair | null
 
-const initialState: State = ''
+const initialState: State = null
 
 export const themeReducer: Reducer<State> = (state = initialState, action) => {
   switch (action.type) {