diff --git a/frontend/src/components/pages/rp-connect/pipeline/index.tsx b/frontend/src/components/pages/rp-connect/pipeline/index.tsx
index dd13c54602..113c311799 100644
--- a/frontend/src/components/pages/rp-connect/pipeline/index.tsx
+++ b/frontend/src/components/pages/rp-connect/pipeline/index.tsx
@@ -600,7 +600,7 @@ function EditorPanel({
 }) {
   return (
     <ResizablePanelGroup orientation="vertical">
-      <ResizablePanel defaultSize={70} minSize={30}>
+      <ResizablePanel defaultSize="70%" minSize="30%">
         <div className="relative h-full">
           {isServerlessInitializing ? (
             <EditorSkeleton />
@@ -636,7 +636,7 @@ function EditorPanel({
         </div>
       </ResizablePanel>
       <ResizableHandle withHandle />
-      <ResizablePanel collapsible defaultSize={30}>
+      <ResizablePanel collapsible defaultSize="30%">
         <div className="h-full overflow-auto p-4">
           <div className="mb-3 flex items-center gap-2">
             <Heading className="text-muted-foreground" level={5}>
diff --git a/frontend/src/components/pages/sql/sql-workspace.tsx b/frontend/src/components/pages/sql/sql-workspace.tsx
index 367e7bc437..b3e9c42327 100644
--- a/frontend/src/components/pages/sql/sql-workspace.tsx
+++ b/frontend/src/components/pages/sql/sql-workspace.tsx
@@ -680,13 +680,13 @@ export function SqlWorkspace({ sqlRole: sqlRoleProp }: SqlWorkspaceProps) {
             <ResizablePanelGroup className="min-w-0 flex-1" orientation="vertical">
               <ResizablePanel
                 className="flex min-h-0 bg-background [&>*]:min-w-0 [&>*]:flex-1"
-                defaultSize={42}
-                minSize={15}
+                defaultSize="42%"
+                minSize="15%"
               >
                 <SqlEditor catalogs={completionCatalogs} initialQuery={INITIAL_QUERY} onRun={doRun} ref={editorRef} />
               </ResizablePanel>
               <ResizableHandle withHandle />
-              <ResizablePanel className="flex min-h-0 bg-background [&>*]:min-w-0 [&>*]:flex-1" minSize={20}>
+              <ResizablePanel className="flex min-h-0 bg-background [&>*]:min-w-0 [&>*]:flex-1" minSize="20%">
                 <SqlResults
                   hasTables={hasTables}
                   onAddTable={openWizard}