diff --git a/packages/web-app-user-management/src/components/CompareSaveDialog.vue b/packages/web-app-user-management/src/components/CompareSaveDialog.vue
index 7c49f4f71d4..70467d419ca 100644
--- a/packages/web-app-user-management/src/components/CompareSaveDialog.vue
+++ b/packages/web-app-user-management/src/components/CompareSaveDialog.vue
@@ -1,20 +1,18 @@
 <template>
-  <div class="compare-save-dialog oc-p-s oc-width-1-1">
-    <div class="oc-flex oc-flex-between oc-flex-middle oc-width-1-1">
-      <span>{{ unsavedChangesText }}</span>
-      <div>
-        <oc-button :disabled="!unsavedChanges" @click="$emit('revert')">
-          <translate>Revert</translate>
-        </oc-button>
-        <oc-button
-          appearance="filled"
-          variation="primary"
-          :disabled="!unsavedChanges || confirmButtonDisabled"
-          @click="$emit('confirm')"
-        >
-          <translate>Save</translate>
-        </oc-button>
-      </div>
+  <div class="compare-save-dialog oc-p-s oc-width-1-1 oc-flex oc-flex-between oc-flex-middle">
+    <span>{{ unsavedChangesText }}</span>
+    <div>
+      <oc-button :disabled="!unsavedChanges" @click="$emit('revert')">
+        <translate>Revert</translate>
+      </oc-button>
+      <oc-button
+        appearance="filled"
+        variation="primary"
+        :disabled="!unsavedChanges || confirmButtonDisabled"
+        @click="$emit('confirm')"
+      >
+        <translate>Save</translate>
+      </oc-button>
     </div>
   </div>
 </template>
@@ -53,5 +51,6 @@ export default {
 <style lang="scss">
 .compare-save-dialog {
   background: var(--oc-color-background-muted);
+  flex-flow: row wrap;
 }
 </style>