diff --git a/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx b/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
index 4d3f311cb9..cb313d14ee 100644
--- a/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
+++ b/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
@@ -43,17 +43,24 @@ export const CardContext = (props: Props) => {
                 const { id, block } = item;
 
                 return (
-                    <div key={id} style={{ cursor: 'pointer' }}>
+                    <StyledCardContainer key={id}>
                         <CardItemPanelWrapper
                             item={item}
                             active={activeId === id}
                         >
                             <CardItem id={id} block={block} />
                         </CardItemPanelWrapper>
-                    </div>
+                    </StyledCardContainer>
                 );
             })}
             <AddCard group={group} />
         </>
     );
 };
+
+const StyledCardContainer = styled('div')`
+    cursor: pointer;
+    &:focus-within {
+        z-index: 1;
+    }
+`;