diff --git a/client/src/components/modals/Confirm.vue b/client/src/components/modals/Confirm.vue
index f4713cd1..b2f0985f 100644
--- a/client/src/components/modals/Confirm.vue
+++ b/client/src/components/modals/Confirm.vue
@@ -9,7 +9,7 @@
     </template>
     <p class="confirm-dialog__content">{{ message }}</p>
     <template #footer>
-      <div>
+      <div class="confirm-dialog__buttons">
         <a
           class="button button--primary"
           data-cy="modal-save-button"
@@ -54,5 +54,10 @@ defineEmits(['confirm', 'cancel']);
     flex-direction: column;
     padding: $medium-spacing 0;
   }
+
+  &__buttons {
+    display: flex;
+    gap: $small-spacing;
+  }
 }
 </style>