diff --git a/packages/web-ui/src/ds/atoms/SplitPane/index.tsx b/packages/web-ui/src/ds/atoms/SplitPane/index.tsx
index 33f900479..bfb5323a0 100644
--- a/packages/web-ui/src/ds/atoms/SplitPane/index.tsx
+++ b/packages/web-ui/src/ds/atoms/SplitPane/index.tsx
@@ -11,6 +11,8 @@ import {
 
 import { ResizableBox, ResizeCallbackData, ResizeHandle } from 'react-resizable'
 
+import { cn } from '../../../lib/utils'
+
 function Pane({ children }: { children: ReactNode }) {
   return <div className='flex flex-col h-full relative'>{children}</div>
 }