diff --git a/web/src/app.tsx b/web/src/app.tsx
index 619c99e38..8d4a121d0 100644
--- a/web/src/app.tsx
+++ b/web/src/app.tsx
@@ -8,7 +8,6 @@ import { AuthProvider } from "./services/auth";
 import { Provider as GqlProvider } from "./services/gql";
 import { AppRoutes } from "./services/routing";
 import { Provider as ThemeProvider } from "./services/theme";
-import "@reearth-widget-ui/styles/globals.css";
 
 export default function App() {
   return (
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 2d27610e6..4329d58dc 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -8,6 +8,7 @@ import App from "./app";
 import { initialize as initializeSentry } from "./sentry";
 import loadConfig from "./services/config";
 import wdyr from "./wdyr";
+import "@reearth-widget-ui/styles/globals.css";
 
 window.React = React;
 window.ReactDOM = ReactDOM;
diff --git a/web/src/published.tsx b/web/src/published.tsx
index de47df16c..eb800d3a5 100644
--- a/web/src/published.tsx
+++ b/web/src/published.tsx
@@ -7,6 +7,7 @@ import { createRoot } from "react-dom/client";
 import App from "./publishedapp";
 import loadConfig from "./services/config";
 import "./wdyr";
+import "@reearth-widget-ui/styles/globals.css";
 
 window.React = React;
 window.ReactDOM = ReactDOM;
diff --git a/web/src/publishedapp.tsx b/web/src/publishedapp.tsx
index 2d5f58776..030014d12 100644
--- a/web/src/publishedapp.tsx
+++ b/web/src/publishedapp.tsx
@@ -2,7 +2,6 @@ import PublishedPage from "@reearth/beta/pages/PublishedPage";
 
 import { PublishedProvider as I18nProvider } from "./services/i18n";
 import { PublishedAppProvider as ThemeProvider } from "./services/theme";
-import "@reearth-widget-ui/styles/globals.css";
 
 export default function App() {
   return (