diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
index 76ebc9d3..2a8f824b 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
@@ -101,7 +101,7 @@ function WorkflowParameterAddPanel({ type, onClose, onSave }: Props) {
   return (
     <ScrollArea>
       <ScrollAreaViewport className="max-h-[500px]">
-        <div className="space-y-4 p-1">
+        <div className="space-y-4 p-1 px-4">
           <header className="flex items-center justify-between">
             <span>{header(type)}</span>
             <Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} />
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
index 0d636ac4..73ccc4e4 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
@@ -185,7 +185,7 @@ function WorkflowParameterEditPanel({
   return (
     <ScrollArea>
       <ScrollAreaViewport className="max-h-[500px]">
-        <div className="space-y-4 p-1">
+        <div className="space-y-4 p-1 px-4">
           <header className="flex items-center justify-between">
             <span>{header(type)}</span>
             <Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} />
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
index 4214356d..2453ea9e 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
@@ -241,7 +241,7 @@ function WorkflowParametersPanel({ onMouseDownCapture }: Props) {
           }}
         >
           {operationPanelState.operation === "add" && (
-            <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 shadow-xl">
+            <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 px-2 shadow-xl">
               <WorkflowParameterAddPanel
                 type={operationPanelState.type}
                 onSave={(parameter) => {
@@ -265,7 +265,7 @@ function WorkflowParametersPanel({ onMouseDownCapture }: Props) {
           )}
           {operationPanelState.operation === "edit" &&
             operationPanelState.parameter && (
-              <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 shadow-xl">
+              <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 px-2 shadow-xl">
                 <WorkflowParameterEditPanel
                   key={operationPanelState.parameter?.key}
                   type={operationPanelState.type}