From ccc93b9a860c5bf57a4917187dae77a1ff144843 Mon Sep 17 00:00:00 2001
From: Ruben van Leeuwen <ruben.vanleeuwen@surf.nl>
Date: Wed, 4 Dec 2024 16:42:14 +0100
Subject: [PATCH] 1544: MR comments

---
 .../src/components/WfoTable/WfoTable/WfoDragHandler.tsx   | 8 ++++++--
 .../src/components/WfoTable/WfoTable/styles.ts            | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx
index 72a5e51ea..b201eb186 100644
--- a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx
+++ b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx
@@ -8,6 +8,8 @@ import { useWithOrchestratorTheme } from '@/hooks';
 import type { onUpdateColumWidth } from './WfoTableHeaderRow';
 import { getWfoTableStyles } from './styles';
 
+const MINIMUM_COLUMN_WIDTH = 50;
+
 interface WfoDragHandlerProps {
     headerRowRef: React.RefObject<HTMLTableRowElement>;
     fieldName: string;
@@ -49,13 +51,15 @@ export const WfoDragHandler: FC<WfoDragHandlerProps> = ({
 
                         onUpdateColumWidth(
                             fieldName,
-                            newWidth > 50 ? newWidth : 50,
+                            newWidth > MINIMUM_COLUMN_WIDTH
+                                ? newWidth
+                                : MINIMUM_COLUMN_WIDTH,
                         );
                         resetPosition();
                     }
                 }}
             >
-                <div css={dragAndDropStyle}>&nbsp;</div>
+                <div css={dragAndDropStyle} />
             </Draggable>
         </div>
     );
diff --git a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts
index 2c3c0f617..e21d08b1c 100644
--- a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts
+++ b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts
@@ -140,6 +140,9 @@ export const getWfoTableStyles = ({ theme, isDarkThemeActive }: WfoTheme) => {
                 ? theme.colors.mediumShade
                 : theme.colors.header,
         },
+        '&::after': {
+            content: '""',
+        },
     });
     return {
         tableContainerStyle,