diff --git a/public/pages/workflow_detail/component_details/component_details.tsx b/public/pages/workflow_detail/component_details/component_details.tsx
index 41a4a2f3..d106092f 100644
--- a/public/pages/workflow_detail/component_details/component_details.tsx
+++ b/public/pages/workflow_detail/component_details/component_details.tsx
@@ -28,7 +28,7 @@ export function ComponentDetails(props: ComponentDetailsProps) {
       gutterSize="none"
       className="workspace-panel"
     >
-      <EuiFlexItem className="resizable-panel-border">
+      <EuiFlexItem>
         <EuiPanel paddingSize="m">
           {props.selectedComponent ? (
             <ComponentInputs selectedComponent={props.selectedComponent} />
diff --git a/public/pages/workflow_detail/workspace/workspace-styles.scss b/public/pages/workflow_detail/workspace/workspace-styles.scss
index 375c5107..57c09e10 100644
--- a/public/pages/workflow_detail/workspace/workspace-styles.scss
+++ b/public/pages/workflow_detail/workspace/workspace-styles.scss
@@ -4,9 +4,3 @@
   height: 60vh;
   padding: 0;
 }
-
-.resizable-panel-border {
-  border-style: groove;
-  border-color: gray;
-  border-width: 1px;
-}
diff --git a/public/pages/workflow_detail/workspace/workspace.tsx b/public/pages/workflow_detail/workspace/workspace.tsx
index afaaa4e6..c53f23e2 100644
--- a/public/pages/workflow_detail/workspace/workspace.tsx
+++ b/public/pages/workflow_detail/workspace/workspace.tsx
@@ -139,7 +139,7 @@ export function Workspace(props: WorkspaceProps) {
       justifyContent="spaceBetween"
       className="workspace-panel"
     >
-      <EuiFlexItem className="resizable-panel-border">
+      <EuiFlexItem className="euiPanel euiPanel--hasShadow euiPanel--borderRadiusMedium">
         {/**
          * We have these wrapper divs & reactFlowWrapper ref to control and calculate the
          * ReactFlow bounds when calculating node positioning.