diff --git a/web/src/components/Modal.vue b/web/src/components/Modal.vue
index 9dc851b..b783232 100644
--- a/web/src/components/Modal.vue
+++ b/web/src/components/Modal.vue
@@ -36,17 +36,15 @@ function submitDialog() {
             <div class="mt-3 text-center">
                 <h3 class="mt-3 text-lg leading-6 font-medium text-gray-900">{{ buttonText }}</h3>
                 <slot></slot>
-                <div>
-                    <slot name="actions">
-                        <button
-                            @click="closeDialog"
-                            class="px-4 py-2 bg-red-500 text-white text-base font-medium rounded-md w-1/2 shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
-                        >Close</button>
-                        <button
-                            @click="submitDialog"
-                            class="px-4 py-2 bg-green-500 text-white text-base font-medium rounded-md w-1/2 shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
-                        >Save</button>
-                    </slot>
+                <div class="grid grid-cols-2 gap-6">
+                    <button
+                        @click="closeDialog"
+                        class="px-4 py-2 bg-red-500 text-white text-base font-medium rounded-md shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
+                    >Close</button>
+                    <button
+                        @click="submitDialog"
+                        class="px-4 py-2 bg-green-500 text-white text-base font-medium rounded-md shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-300"
+                    >Save</button>
                 </div>
             </div>
         </div>