diff --git a/client/src/ui/components/bd/BdModals.vue b/client/src/ui/components/bd/BdModals.vue
index e95d9306..95dbc461 100644
--- a/client/src/ui/components/bd/BdModals.vue
+++ b/client/src/ui/components/bd/BdModals.vue
@@ -12,7 +12,7 @@
     <div class="bd-modals-container">
         <div v-for="(modal, index) in modals.stack" :key="`bd-modal-${index}`">
             <div class="bd-backdrop" :class="{'bd-backdrop-out': modal.closing}" :style="{opacity: index === 0 ? undefined : 0}"></div>
-            <div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1)})`, opacity: downscale(index + 1)}">
+            <div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1)})`, opacity: downscale(index + 1) / 0.5 + 0.5}">
                 <div class="bd-modal-close-area" @click="closeModal(modal)"></div>
                 <component :is="modal.component" />
             </div>