From 6459ab346dea29d73148dbedc58764c5e07a1eee Mon Sep 17 00:00:00 2001
From: Tyler Ohlsen <ohltyler@amazon.com>
Date: Thu, 19 Oct 2023 15:23:48 -0700
Subject: [PATCH] Clean up workspace and side panel border stylings

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>
---
 .../workflow_detail/component_details/component_details.tsx | 2 +-
 .../pages/workflow_detail/workspace/workspace-styles.scss   | 6 ------
 public/pages/workflow_detail/workspace/workspace.tsx        | 2 +-
 3 files changed, 2 insertions(+), 8 deletions(-)

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.