diff --git a/src/components/AppLayout/Header/components/ProviderDetails/HidePairingModule.tsx b/src/components/AppLayout/Header/components/ProviderDetails/HidePairingModule.tsx
index 2ef9ffd654..f9e2b18fb6 100644
--- a/src/components/AppLayout/Header/components/ProviderDetails/HidePairingModule.tsx
+++ b/src/components/AppLayout/Header/components/ProviderDetails/HidePairingModule.tsx
@@ -1,6 +1,19 @@
-import 'src/components/AppLayout/Header/components/ProviderDetails/hidePairingModule.css'
-import { ReactElement } from 'react'
+import { useEffect } from 'react'
 
-const HidePairingModule = (): ReactElement => <></>
+const HIDE_PAIRING_STYLE = '.bn-onboard-modal-select-wallets li:first-of-type {display: none;}'
+
+const HidePairingModule = (): null => {
+  useEffect(() => {
+    const style = document.createElement('style')
+    style.innerHTML = HIDE_PAIRING_STYLE
+    document.head.appendChild(style)
+
+    return () => {
+      style.remove()
+    }
+  }, [])
+
+  return null
+}
 
 export default HidePairingModule
diff --git a/src/components/AppLayout/Header/components/ProviderDetails/hidePairingModule.css b/src/components/AppLayout/Header/components/ProviderDetails/hidePairingModule.css
deleted file mode 100644
index 27c97f5cc0..0000000000
--- a/src/components/AppLayout/Header/components/ProviderDetails/hidePairingModule.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.bn-onboard-modal-select-wallets li:first-of-type {
-    display: none;
-}
\ No newline at end of file