diff --git a/src/components/app/SideBar.tsx b/src/components/app/SideBar.tsx
index 859d320e..52cef4a5 100644
--- a/src/components/app/SideBar.tsx
+++ b/src/components/app/SideBar.tsx
@@ -1,8 +1,10 @@
+import React, { lazy } from 'react';
+
 import { UIVariant } from '@/application/types';
 import NewPage from '@/components/app/view-actions/NewPage';
 import { Workspaces } from '@/components/app/workspaces';
 import { OutlineDrawer } from '@/components/_shared/outline';
-import React, { lazy } from 'react';
+
 import Outline from 'src/components/app/outline/Outline';
 import { Search } from 'src/components/app/search';
 
@@ -33,7 +35,7 @@ function SideBar({ drawerWidth, drawerOpened, toggleOpenDrawer, onResizeDrawerWi
       onScroll={handleOnScroll}
     >
       <div className={'flex w-full flex-1 flex-col gap-1'}>
-        <div className={'sticky top-12 z-[1] flex-col items-center justify-around gap-2 px-[10px]'}>
+        <div className={'sticky top-12 z-[1] flex-col items-center justify-around gap-2 bg-surface-layer-01 px-[10px]'}>
           <Search />
           <div
             style={{