diff --git a/src/components/Holos/Form/Selectable.vue b/src/components/Holos/Form/Selectable.vue
index 68a0a7c..d3fbcf8 100644
--- a/src/components/Holos/Form/Selectable.vue
+++ b/src/components/Holos/Form/Selectable.vue
@@ -76,6 +76,7 @@ defineExpose({
             :preserve-search="true"
             :required="required && !value"
             :track-by="trackBy"
+            :append-to-body="true"
             @select="(x, y) => emit('select', x, y)"
         >
             <template #noOptions>
diff --git a/src/components/Holos/Modal.vue b/src/components/Holos/Modal.vue
index 828cf0b..33efa73 100644
--- a/src/components/Holos/Modal.vue
+++ b/src/components/Holos/Modal.vue
@@ -74,9 +74,9 @@ onUnmounted(() => {
             leave-to-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         >
             <div v-show="show" class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 bg-primary/90 z-50 transition-all" scroll-region>
-                <div 
-                    v-show="show" 
-                    class="mb-6 bg-page text-page-t dark:bg-page-d dark:text-page-dt rounded-sm overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto" 
+                <div
+                    v-show="show"
+                    class="mb-6 bg-page text-page-t dark:bg-page-d dark:text-page-dt rounded-sm overflow-visible shadow-xl transform transition-all sm:w-full sm:mx-auto"
                     :class="maxWidthClass"
                 >
                     <slot v-if="show" />
diff --git a/src/components/Holos/Modal/Edit.vue b/src/components/Holos/Modal/Edit.vue
index 30417b7..adb64cb 100644
--- a/src/components/Holos/Modal/Edit.vue
+++ b/src/components/Holos/Modal/Edit.vue
@@ -29,7 +29,7 @@ const props = defineProps({
         </template>
         <template #content>
             <div class="w-full right-0">
-                <div class="overflow-hidden shadow-lg">
+                <div class="overflow-visible shadow-lg">
                     <slot />
                 </div>
             </div>