diff --git a/src/components/Header/DesktopHeader.tsx b/src/components/Header/DesktopHeader.tsx
index 40e7f80e..07496390 100644
--- a/src/components/Header/DesktopHeader.tsx
+++ b/src/components/Header/DesktopHeader.tsx
@@ -1,4 +1,5 @@
 import classNames from 'classnames'
+import { isDesktop } from 'react-device-detect'
 
 import AccountMenu from 'components/Account/AccountMenu'
 import EscButton from 'components/Button/EscButton'
@@ -24,6 +25,8 @@ export default function DesktopHeader() {
     useStore.setState({ focusComponent: null })
   }
 
+  if (!isDesktop) return null
+
   return (
     <header
       className={classNames(