Floating inputs border radius fix (#9237)

closes #9230

packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellEditMode.tsx

@@ -50,7 +50,11 @@ export const RecordInlineCellEditMode = ({
       data-testid="inline-cell-edit-mode-container"
     >
       {createPortal(
-        <OverlayContainer ref={refs.setFloating} style={floatingStyles}>
+        <OverlayContainer
+          ref={refs.setFloating}
+          style={floatingStyles}
+          borderRadius="sm"
+        >
           {children}
         </OverlayContainer>,
         document.body,

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx

@@ -40,7 +40,11 @@ export const RecordTableCellEditMode = ({
       ref={refs.setReference}
       data-testid="editable-cell-edit-mode-container"
     >
-      <OverlayContainer ref={refs.setFloating} style={floatingStyles}>
+      <OverlayContainer
+        ref={refs.setFloating}
+        style={floatingStyles}
+        borderRadius="sm"
+      >
         {children}
       </OverlayContainer>
     </StyledEditableCellEditModeContainer>

packages/twenty-front/src/modules/ui/layout/overlay/components/OverlayContainer.tsx

@@ -1,14 +1,17 @@
 import styled from '@emotion/styled';
 
 // eslint-disable-next-line @nx/workspace-styled-components-prefixed-with-styled
-export const OverlayContainer = styled.div`
+export const OverlayContainer = styled.div<{
+  borderRadius?: 'sm' | 'md';
+}>`
   align-items: center;
   display: flex;
 
   backdrop-filter: ${({ theme }) => theme.blur.medium};
   width: fit-content;
 
-  border-radius: ${({ theme }) => theme.border.radius.md};
+  border-radius: ${({ theme, borderRadius }) =>
+    theme.border.radius[borderRadius ?? 'md']};
 
   background: ${({ theme }) => theme.background.transparent.primary};
   border: 1px solid ${({ theme }) => theme.border.color.medium};