diff --git a/frontend/src/pages/flows/flow.tsx b/frontend/src/pages/flows/flow.tsx
index 4d6a0c4b..0cc51a5b 100644
--- a/frontend/src/pages/flows/flow.tsx
+++ b/frontend/src/pages/flows/flow.tsx
@@ -384,8 +384,8 @@ function Flow() {
                         orientation="horizontal"
                     >
                         <ResizablePanel
-                            defaultSize={50}
-                            minSize={30}
+                            defaultSize="50%"
+                            minSize="30%"
                         >
                             <div className="flex h-[calc(100dvh-3rem)] max-w-full flex-col rounded-none border-0">
                                 <div className="flex-1 overflow-auto py-4 pr-0 pl-4">
@@ -397,8 +397,8 @@ function Flow() {
                             <GripVertical className="size-4" />
                         </ResizableHandle>
                         <ResizablePanel
-                            defaultSize={50}
-                            minSize={30}
+                            defaultSize="50%"
+                            minSize="30%"
                         >
                             {tabsCard}
                         </ResizablePanel>