diff --git a/src/styles/ThemeStylesProvider.tsx b/src/styles/ThemeStylesProvider.tsx
index 2ef9a8521e4d..7f26422e98ce 100644
--- a/src/styles/ThemeStylesProvider.tsx
+++ b/src/styles/ThemeStylesProvider.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import React, {useMemo} from 'react';
+import {stylesGenerator} from './styles';
 import useTheme from './themes/useTheme';
 import ThemeStylesContext from './ThemeStylesContext';
-import {stylesGenerator} from './styles';
 
 type ThemeStylesProviderProps = {
     children: React.ReactNode;
diff --git a/src/styles/themes/ThemeProvider.tsx b/src/styles/themes/ThemeProvider.tsx
index 68413ab944a1..50bfb3b045f4 100644
--- a/src/styles/themes/ThemeProvider.tsx
+++ b/src/styles/themes/ThemeProvider.tsx
@@ -2,10 +2,10 @@
 import PropTypes from 'prop-types';
 import React, {useMemo} from 'react';
 import CONST from '@src/CONST';
-import ThemeContext from './ThemeContext';
-import useThemePreference from './useThemePreference';
 import darkTheme from './default';
 import lightTheme from './light';
+import ThemeContext from './ThemeContext';
+import useThemePreference from './useThemePreference';
 
 const propTypes = {
     /** Rendered child component */
diff --git a/src/styles/themes/useThemePreference.ts b/src/styles/themes/useThemePreference.ts
index 725ad72b2e7d..ac6ac02933c7 100644
--- a/src/styles/themes/useThemePreference.ts
+++ b/src/styles/themes/useThemePreference.ts
@@ -1,4 +1,4 @@
-import {useState, useEffect, useContext} from 'react';
+import {useContext, useEffect, useState} from 'react';
 import {Appearance, ColorSchemeName} from 'react-native';
 import {PreferredThemeContext} from '@components/OnyxProvider';
 import CONST from '@src/CONST';