diff --git a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
index 702fed7b4f..2fc9c3e6c4 100644
--- a/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
@@ -34,6 +34,16 @@ import { IValidationResult, IFieldState } from '../../../elements/Validation';
 interface IProps {
 }
 
+interface IThemeState {
+    theme: string,
+    useSystemTheme: boolean,
+}
+
+export interface CustomThemeMessage {
+    isError: boolean,
+    text: string
+};
+
 interface IState extends IThemeState {
     // String displaying the current selected fontSize.
     // Needs to be string for things like '17.' without
@@ -44,13 +54,6 @@ interface IState extends IThemeState {
     useCustomFontSize: boolean,
 }
 
-export type CustomThemeMessage = {isError: boolean, text: string};
-
-interface IThemeState {
-    theme: string,
-    useSystemTheme: boolean,
-}
-
 export default class AppearanceUserSettingsTab extends React.Component<IProps, IState> {
 
     private themeTimer: NodeJS.Timeout;