diff --git a/dashboard/src/components/group/Edit.svelte b/dashboard/src/components/group/Edit.svelte
index 43eebed7..c3bfd8a4 100644
--- a/dashboard/src/components/group/Edit.svelte
+++ b/dashboard/src/components/group/Edit.svelte
@@ -128,13 +128,13 @@
 <div class="my-2">
     <b>Description:</b><br />
     {#if descriptions.length > 0 && descriptions[0].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
     {/if}
     {#if descriptions.length > 1 && descriptions[1].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
     {/if}
     {#if descriptions.length > 2 && descriptions[2].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
     {/if}
     <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autoresize placeholder={group.description} aria-label="group description"/>
diff --git a/dashboard/src/components/member/Edit.svelte b/dashboard/src/components/member/Edit.svelte
index c0dff0fb..794771dc 100644
--- a/dashboard/src/components/member/Edit.svelte
+++ b/dashboard/src/components/member/Edit.svelte
@@ -161,13 +161,13 @@
 <div class="my-2">
     <b>Description:</b><br />
     {#if descriptions.length > 0 && descriptions[0].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
     {/if}
     {#if descriptions.length > 1 && descriptions[1].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
     {/if}
     {#if descriptions.length > 2 && descriptions[2].trim() != ""}
-    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
     {/if}
     <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autoresize placeholder={member.description} aria-label="member description"/>
diff --git a/dashboard/src/components/system/Edit.svelte b/dashboard/src/components/system/Edit.svelte
index 332f1549..d4acbea4 100644
--- a/dashboard/src/components/system/Edit.svelte
+++ b/dashboard/src/components/system/Edit.svelte
@@ -92,13 +92,13 @@
 <div class="my-2">
     <b>Description:</b><br />
     {#if descriptions.length > 0 && descriptions[0].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
     {/if}
     {#if descriptions.length > 1 && descriptions[1].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
     {/if}
     {#if descriptions.length > 2 && descriptions[2].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
+    <Button size="sm" class="my-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
     {/if}
     <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autoresize placeholder={user.description}  aria-label="system description"/>