diff --git a/package-lock.json b/package-lock.json
index 05d6d70..d5cdb00 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "tomatoro",
-  "version": "3.0.173",
+  "version": "3.0.174",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "tomatoro",
-      "version": "3.0.173",
+      "version": "3.0.174",
       "dependencies": {
         "@emotion/react": "11.11.4",
         "@emotion/styled": "11.11.5",
diff --git a/package.json b/package.json
index 96c478c..ed64e84 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tomatoro",
-  "version": "3.0.173",
+  "version": "3.0.174",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9ec7468..2d15853 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -3,7 +3,7 @@ import { useRouter } from 'next/router'
 import Posthog from 'posthog-js'
 import { PostHogProvider } from 'posthog-js/react'
 import { useEffect } from 'react'
-import { ThemeProvider } from 'theme-ui'
+import { ThemeUIProvider } from 'theme-ui'
 import { useLocalStorage } from 'usehooks-ts'
 
 import { getTheme, globalStyles } from '~/components/themes'
@@ -69,7 +69,7 @@ export default function App ({ Component, pageProps }: AppProps) {
 
   return (
     <PostHogProvider client={ Posthog }>
-      <ThemeProvider theme={ getTheme(theme) }>
+      <ThemeUIProvider theme={ getTheme(theme) }>
         <NotificationsProvider>
           <TimerProvider>
             { globalStyles }
@@ -77,7 +77,7 @@ export default function App ({ Component, pageProps }: AppProps) {
             <Component { ...pageProps } />
           </TimerProvider>
         </NotificationsProvider>
-      </ThemeProvider>
+      </ThemeUIProvider>
     </PostHogProvider>
   )
 }