diff --git a/apps/renderer/src/components/ui/divider/PanelSpliter.tsx b/apps/renderer/src/components/ui/divider/PanelSpliter.tsx
index 84325904a..607dac7ee 100644
--- a/apps/renderer/src/components/ui/divider/PanelSpliter.tsx
+++ b/apps/renderer/src/components/ui/divider/PanelSpliter.tsx
@@ -39,7 +39,7 @@ export const PanelSplitter = (
       ref={ref}
       {...rest}
       className={cn(
-        "absolute inset-0 z-[11] w-[2px] -translate-x-1/2 cursor-ew-resize bg-transparent hover:bg-gray-400 active:!bg-accent hover:dark:bg-neutral-500",
+        "absolute inset-0 z-[1] w-[2px] -translate-x-1/2 cursor-ew-resize bg-transparent hover:bg-gray-400 active:!bg-accent hover:dark:bg-neutral-500",
         isDragging ? "bg-accent" : "",
       )}
     />
diff --git a/apps/renderer/src/styles/tailwind-extend.css b/apps/renderer/src/styles/tailwind-extend.css
index 2f3333145..65be9b392 100644
--- a/apps/renderer/src/styles/tailwind-extend.css
+++ b/apps/renderer/src/styles/tailwind-extend.css
@@ -75,7 +75,7 @@
     border-width: 1px;
     border-color: var(--fallback-bc, theme(colors.theme.accent.DEFAULT));
 
-    --bc: theme(colors.accent.foreground);
+    --bc: theme(colors.background);
     --fallback-bc: var(--bc);
     --chkbg: var(--bc);
     --fallback-b1: theme(colors.background);