diff --git a/interface/app/$libraryId/Explorer/ListView.tsx b/interface/app/$libraryId/Explorer/ListView.tsx
index 7b43a7b75..b112989d5 100644
--- a/interface/app/$libraryId/Explorer/ListView.tsx
+++ b/interface/app/$libraryId/Explorer/ListView.tsx
@@ -305,7 +305,7 @@ export default () => {
 			<div
 				onClick={(e) => e.stopPropagation()}
 				className={clsx(
-					'sticky top-0 z-50 table-header-group',
+					'sticky top-0 z-20 table-header-group',
 					isScrolled && 'top-bar-blur !bg-app/90'
 				)}
 			>
diff --git a/interface/app/$libraryId/Explorer/TopBar.tsx b/interface/app/$libraryId/Explorer/TopBar.tsx
index 8abe560d1..01cb4ffc7 100644
--- a/interface/app/$libraryId/Explorer/TopBar.tsx
+++ b/interface/app/$libraryId/Explorer/TopBar.tsx
@@ -53,7 +53,7 @@ export default () => {
 			data-tauri-drag-region
 			ref={topBarRef}
 			className={clsx(
-				'duration-250 top-bar-blur absolute top-0 z-20  grid h-[46px] w-full shrink-0 grid-cols-3 items-center justify-center overflow-hidden border-b border-sidebar-divider bg-app/90 px-5 transition-[background-color,border-color] ease-out'
+				'duration-250 top-bar-blur absolute top-0 z-50  grid h-[46px] w-full shrink-0 grid-cols-3 items-center justify-center overflow-hidden border-b border-sidebar-divider bg-app/90 px-5 transition-[background-color,border-color] ease-out'
 			)}
 		>
 			<div data-tauri-drag-region className="flex ">