diff --git a/components/modal/ModalDialog.vue b/components/modal/ModalDialog.vue
index 880e1627..fcdf4755 100644
--- a/components/modal/ModalDialog.vue
+++ b/components/modal/ModalDialog.vue
@@ -25,7 +25,7 @@ watchOnce(modelValue, () => {
     <div
       class="
         bg-base absolute transition-all duration-200 ease-out shadow rounded-md transform
-        border border-base top-1/2 -translate-y-1/2 mx-8 md:(left-1/2 -translate-x-1/2)
+        border border-base top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2
       "
       :class="modelValue ? 'opacity-100' : 'opacity-0'"
     >