diff --git a/dashboard/src/components/MailboxDialog.vue b/dashboard/src/components/MailboxDialog.vue
index 429e8c289..9bc468d24 100644
--- a/dashboard/src/components/MailboxDialog.vue
+++ b/dashboard/src/components/MailboxDialog.vue
@@ -124,6 +124,7 @@ defineExpose({
             <label for="nameInput">{{ $t('email.addMailboxDialog.name') }}</label>
             <InputGroup>
               <TextInput id="nameInput" style="flex-grow: 1;" v-model="name"/>
+              <div class="input-group-label">@</div>
               <SingleSelect v-model="domain" :options="domains" option-key="domain" option-label="domain" />
             </InputGroup>
             <div class="error-label" v-if="formError">{{ formError }}</div>
diff --git a/dashboard/src/components/MailinglistDialog.vue b/dashboard/src/components/MailinglistDialog.vue
index b7e183408..660de0e9b 100644
--- a/dashboard/src/components/MailinglistDialog.vue
+++ b/dashboard/src/components/MailinglistDialog.vue
@@ -93,6 +93,7 @@ defineExpose({
             <label for="nameInput">{{ $t('email.addMailinglistDialog.name') }}</label>
             <InputGroup>
               <TextInput id="nameInput" style="flex-grow: 1;" v-model="name"/>
+              <div class="input-group-label">@</div>
               <SingleSelect v-model="domain" :options="domains" option-key="domain" option-label="domain" />
             </InputGroup>
             <div class="error-label" v-if="formError.name">{{ formError.name }}</div>
diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index 898eb49ab..08862f591 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -300,3 +300,10 @@ fieldset > * {
   color: #2d2323;
   margin-top: 0.25em;
 }
+
+.input-group-label {
+  display: flex;
+  padding: 5px;
+  border-top: solid 1px var(--pankow-input-border-color);
+  border-bottom: solid 1px var(--pankow-input-border-color);
+}
\ No newline at end of file