diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index 5ae23c7..5bb8b8c 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -11,7 +11,7 @@ import { platform } from 'platforms'
 import * as React from 'react'
 import { cx } from 'utils/cx'
 import * as DOMHelper from 'utils/DOMHelper'
-import { detectBrowser, run } from 'utils/general'
+import { run } from 'utils/general'
 import { useLoadedContext } from 'utils/hooks/useLoadedContext'
 import { useOnPJAXDone, usePJAX } from 'utils/hooks/usePJAX'
 import { useStateIO } from 'utils/hooks/useStateIO'
@@ -48,10 +48,6 @@ export function SideBar() {
     }
   }, [hasMetaData]) // eslint-disable-line react-hooks/exhaustive-deps
 
-  React.useEffect(() => {
-    if (detectBrowser() === 'Safari') DOMHelper.markGitakoSafariFlag()
-  }, [])
-
   const { sidebarToggleMode, intelligentToggle } = configContext.value
   const $shouldShow = useStateIO(() =>
     intelligentToggle === null
diff --git a/src/utils/DOMHelper.ts b/src/utils/DOMHelper.ts
index 8bc6244..b53bb6c 100644
--- a/src/utils/DOMHelper.ts
+++ b/src/utils/DOMHelper.ts
@@ -19,11 +19,6 @@ export function markGitakoReadyState(ready: boolean) {
   return setGitakoBodyClass(readyClassName, ready)
 }
 
-export function markGitakoSafariFlag(enable = true) {
-  const className = 'gitako-safari'
-  return setGitakoBodyClass(className, enable)
-}
-
 /**
  * if should show gitako, then move body right to make space for showing gitako
  * otherwise, hide the space