diff --git a/public/index.html b/public/index.html
index a2a49497..1bce6af8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -160,15 +160,19 @@
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
-
+      
       You can add webfonts, meta tags, or analytics to this file.
       The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+        
+        To begin the development, run `npm start` or `yarn start`.
+        To create a production bundle, use `npm run build` or `yarn build`.
+      -->
   </body>
   <script>
+    // electron
+    if (navigator.userAgent.indexOf("Electron/") > -1) {
+      document.body.classList.add("electron");
+    }
     if (window.location !== window.parent.location) {
       // The page is in an iframe
       document.body.classList.add("iframe");
diff --git a/src/index.tsx b/src/index.tsx
index 3c181a2f..87702d1e 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -18,13 +18,9 @@ import { register } from "./serviceWorkerRegistration";
 import "./i18n";
 import "./libs/polyfills";
 
-import { isDarkMode, isElectronContext } from "./utils";
+import { isDarkMode } from "./utils";
 
 const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
-// electron context
-if (isElectronContext()) {
-  document.body.classList.add("electron");
-}
 // dark mode
 if (isDarkMode()) {
   document.documentElement.classList.add("dark");
