diff --git a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
index 8a0e1d88b..f02f88118 100644
--- a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
@@ -232,17 +232,19 @@ function closeDialog() {
     </template>
     <template #footer>
       <v-row class="d-flex justify-center" no-gutters>
-        <v-btn class="bg-toplayer" @click="closeDialog">
-          {{ t("common.cancel") }}
-        </v-btn>
-        <v-btn
-          class="bg-toplayer text-romm-green"
-          :disabled="!collection.name"
-          :variant="!collection.name ? 'plain' : 'flat'"
-          @click="createCollection"
-        >
-          {{ t("common.create") }}
-        </v-btn>
+        <v-btn-group divided density="compact">
+          <v-btn class="bg-toplayer" @click="closeDialog">
+            {{ t("common.cancel") }}
+          </v-btn>
+          <v-btn
+            class="bg-toplayer text-romm-green"
+            :disabled="!collection.name"
+            :variant="!collection.name ? 'plain' : 'flat'"
+            @click="createCollection"
+          >
+            {{ t("common.create") }}
+          </v-btn>
+        </v-btn-group>
       </v-row>
     </template>
   </RDialog>
diff --git a/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue b/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
index 02526cda4..985370eff 100644
--- a/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
@@ -252,17 +252,19 @@ async function createSmartCollection() {
     </template>
     <template #footer>
       <v-row class="d-flex justify-center" no-gutters>
-        <v-btn class="bg-toplayer" @click="closeDialog">
-          {{ t("common.cancel") }}
-        </v-btn>
-        <v-btn
-          class="bg-toplayer text-romm-green"
-          :disabled="!name.trim()"
-          :variant="!name.trim() ? 'plain' : 'flat'"
-          @click="createSmartCollection"
-        >
-          {{ t("common.create") }}
-        </v-btn>
+        <v-btn-group divided density="compact">
+          <v-btn class="bg-toplayer" @click="closeDialog">
+            {{ t("common.cancel") }}
+          </v-btn>
+          <v-btn
+            class="bg-toplayer text-romm-green"
+            :disabled="!name.trim()"
+            :variant="!name.trim() ? 'plain' : 'flat'"
+            @click="createSmartCollection"
+          >
+            {{ t("common.create") }}
+          </v-btn>
+        </v-btn-group>
       </v-row>
     </template>
   </RDialog>