diff --git a/scss/components/shared/_add_button.scss b/scss/components/shared/_add_button.scss
new file mode 100644
index 00000000..dc72904b
--- /dev/null
+++ b/scss/components/shared/_add_button.scss
@@ -0,0 +1,9 @@
+/*
+ * SPDX-FileCopyrightText: 2021 Johannes Loher
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.ds4-add-button {
+    padding: 0 calc(1em / 3);
+}
diff --git a/scss/ds4.scss b/scss/ds4.scss
index 24a1b8a5..acedd839 100644
--- a/scss/ds4.scss
+++ b/scss/ds4.scss
@@ -11,6 +11,7 @@
 @use "global/fonts";
 
 // shared
+@use "components/shared/add_button";
 @use "components/shared/control_button_group";
 @use "components/shared/editor";
 @use "components/shared/embedded_document_list";
diff --git a/templates/sheets/shared/components/add-button.hbs b/templates/sheets/shared/components/add-button.hbs
index 1fc86419..8d4dd3d7 100644
--- a/templates/sheets/shared/components/add-button.hbs
+++ b/templates/sheets/shared/components/add-button.hbs
@@ -11,7 +11,7 @@ SPDX-License-Identifier: MIT
 !-- @param title: The title to use for the link element (will be localized)
 !-- @param type: An optional property to use as data-type attribute
 }}
-<div>
+<div class="ds4-add-button">
     <a class="control-{{documentType}}" title="{{localize title}}" data-action="create" {{#if type}}data-type="{{type}}"
         {{/if}}>
         <i class="fas fa-plus"></i>