diff --git a/apps/landing/src/app/docs/Sidebar/Search.tsx b/apps/landing/src/app/docs/Sidebar/Search.tsx
index 644054049..662cba86c 100644
--- a/apps/landing/src/app/docs/Sidebar/Search.tsx
+++ b/apps/landing/src/app/docs/Sidebar/Search.tsx
@@ -4,6 +4,10 @@ import { DocSearch } from '@docsearch/react';
 
 import { useMenuContext } from './MobileSidebar';
 
+import '@docsearch/css';
+// This must be imported after the docsearch css
+import '~/styles/search.scss';
+
 export function SearchBar() {
 	const menu = useMenuContext();
 
diff --git a/apps/landing/src/app/docs/layout.tsx b/apps/landing/src/app/docs/layout.tsx
index edb5222f4..17db9edee 100644
--- a/apps/landing/src/app/docs/layout.tsx
+++ b/apps/landing/src/app/docs/layout.tsx
@@ -8,9 +8,6 @@ import {
 } from './Sidebar/MobileSidebar';
 
 import 'katex/dist/katex.min.css';
-import '@docsearch/css';
-// This must be imported after the docsearch css
-import '~/styles/search.scss';
 
 import { Breadcrumbs } from './Breadcrumbs';