diff --git a/frontend/src/app/features/work-packages/components/wp-buttons/wp-reminder-button/wp-reminder-button.html b/frontend/src/app/features/work-packages/components/wp-buttons/wp-reminder-button/wp-reminder-button.html
index 555002f5da0c..a47e3684358c 100644
--- a/frontend/src/app/features/work-packages/components/wp-buttons/wp-reminder-button/wp-reminder-button.html
+++ b/frontend/src/app/features/work-packages/components/wp-buttons/wp-reminder-button/wp-reminder-button.html
@@ -1,16 +1,7 @@
-<button
-  class="button toolbar-icon d-flex flex-items-center"
-  data-test-selector="op-wp-reminder-button"
-  [attr.title]="buttonTitle"
-  (click)="openModal()"
->
-  <svg
-    clock-icon
-    class="button--icon"
-    size="small"
-  ></svg>
-  <span *ngIf="(reminderCount$ | async) as reminderCount"
-        class="button--text text-small badge -secondary"
-        [textContent]="reminderCount">
+<button class="button toolbar-icon d-flex flex-items-center" data-test-selector="op-wp-reminder-button"
+  [attr.title]="buttonTitle" (click)="openModal()">
+  <svg clock-icon class="button--icon" size="small"></svg>
+  <span *ngIf="(reminderCount$ | async) as reminderCount" class="ml-1 text-small badge -secondary"
+    [textContent]="reminderCount">
   </span>
 </button>