diff --git a/dashboard/src/components/CatchAllSettingsItem.vue b/dashboard/src/components/CatchAllSettingsItem.vue
index 9d2438b75..98f7edc79 100644
--- a/dashboard/src/components/CatchAllSettingsItem.vue
+++ b/dashboard/src/components/CatchAllSettingsItem.vue
@@ -68,7 +68,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <SettingsItem>
+  <SettingsItem wrap>
     <FormGroup>
       <label>{{ $t('email.incoming.catchall.title') }}</label>
       <div v-html="$t('email.incoming.catchall.description')"></div>
@@ -76,7 +76,7 @@ onMounted(async () => {
     <div style="display: flex; gap: 6px; align-items: center;">
       <InputGroup>
         <MultiSelect v-model="addresses" :options="allAddresses" option-label="label" option-key="id" />
-        <Button @click="onSubmit()" :disabled="busy || !hasChanged" :loading="busy">{{ $t('email.incoming.catchall.saveAction') }}</Button>
+        <Button @click="onSubmit()" tool :disabled="busy || !hasChanged" :loading="busy">{{ $t('email.incoming.catchall.saveAction') }}</Button>
       </InputGroup>
     </div>
   </SettingsItem>