diff --git a/packages/frontend/component/src/ui/modal/styles.css.ts b/packages/frontend/component/src/ui/modal/styles.css.ts
index e4fd9ad6f1..b3bbeb03d6 100644
--- a/packages/frontend/component/src/ui/modal/styles.css.ts
+++ b/packages/frontend/component/src/ui/modal/styles.css.ts
@@ -43,6 +43,7 @@ export const closeButton = style({
   position: 'absolute',
   top: '22px',
   right: '20px',
+  zIndex: cssVar('zIndexModal'),
 });
 export const modalHeader = style({
   fontSize: cssVar('fontH6'),