diff --git a/frontend/components/modal/Group.vue b/frontend/components/modal/Group.vue
index 08e685f..3d07d4b 100644
--- a/frontend/components/modal/Group.vue
+++ b/frontend/components/modal/Group.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts" />
 
 <template>
-  <div class="modal-group">
+  <div id="modal-group">
     <ModalError />
     <ModalLoading />
     <ModalPermissionDenied />
diff --git a/frontend/components/portfolio/group/membership/MenuButton.vue b/frontend/components/portfolio/group/membership/MenuButton.vue
index 46f9fff..52b953f 100644
--- a/frontend/components/portfolio/group/membership/MenuButton.vue
+++ b/frontend/components/portfolio/group/membership/MenuButton.vue
@@ -107,7 +107,7 @@ const classes = computed(() => `p-button-sm ${props.btnClass ?? ''} ${visible.va
     icon="pi pi-table"
     @click="toggleMenu"
   />
-  <Teleport to=".modal-group">
+  <Teleport to="#modal-group">
     <PVOverlayPanel
       ref="overlayPanel"
       :pt="{ content: { class: 'p-0' } }"
diff --git a/frontend/components/portfolio/initiative/membership/MenuButton.vue b/frontend/components/portfolio/initiative/membership/MenuButton.vue
index 55d7dbf..b15c61c 100644
--- a/frontend/components/portfolio/initiative/membership/MenuButton.vue
+++ b/frontend/components/portfolio/initiative/membership/MenuButton.vue
@@ -106,7 +106,7 @@ const classes = computed(() => `p-button-sm ${props.btnClass ?? ''} ${visible.va
     icon="pi pi-sitemap"
     @click="toggleMenu"
   />
-  <Teleport to=".modal-group">
+  <Teleport to="#modal-group">
     <PVOverlayPanel
       ref="overlayPanel"
       :pt="{ content: { class: 'p-0' } }"