diff --git a/client/src/pages/platform/workflow-editor/WorkflowEditorLayout.tsx b/client/src/pages/platform/workflow-editor/WorkflowEditorLayout.tsx
index c5cb2c22320..aa88024a2c3 100644
--- a/client/src/pages/platform/workflow-editor/WorkflowEditorLayout.tsx
+++ b/client/src/pages/platform/workflow-editor/WorkflowEditorLayout.tsx
@@ -182,7 +182,7 @@ const WorkflowEditorLayout = ({includeComponents, runDisabled, showWorkflowInput
 
                         {currentComponent && (
                             <>
-                                <Suspense fallback={<WorkflowNodeDetailsPanelSkeleton />}>
+                                <Suspense fallback={<WorkflowNodeDetailsPanelSkeleton className="right-0" />}>
                                     <WorkflowNodeDetailsPanel
                                         className="fixed inset-y-0 right-0 rounded-l-none border-none"
                                         invalidateWorkflowQueries={invalidateWorkflowQueries!}
diff --git a/client/src/pages/platform/workflow-editor/components/WorkflowEditorSkeletons.tsx b/client/src/pages/platform/workflow-editor/components/WorkflowEditorSkeletons.tsx
index fe74d960709..7cb3fbddfd6 100644
--- a/client/src/pages/platform/workflow-editor/components/WorkflowEditorSkeletons.tsx
+++ b/client/src/pages/platform/workflow-editor/components/WorkflowEditorSkeletons.tsx
@@ -2,10 +2,11 @@ import LoadingDots from '@/components/LoadingDots';
 import {Skeleton} from '@/components/ui/skeleton';
 import {twMerge} from 'tailwind-merge';
 
-export const WorkflowNodeDetailsPanelSkeleton = () => (
+export const WorkflowNodeDetailsPanelSkeleton = ({className}: {className?: string}) => (
     <div
         className={twMerge(
-            'absolute bottom-6 right-[69px] top-2 z-10 flex w-screen max-w-workflow-node-details-panel-width flex-col gap-2 overflow-hidden rounded-md border border-stroke-neutral-secondary bg-background p-4'
+            'absolute bottom-6 right-[69px] top-2 z-10 flex w-screen max-w-workflow-node-details-panel-width flex-col gap-2 overflow-hidden rounded-md border border-stroke-neutral-secondary bg-background p-4',
+            className
         )}
     >
         <Skeleton className="h-8 w-3/4" />