diff --git a/src/app/components/shared/comment-list/comment-list.component.html b/src/app/components/shared/comment-list/comment-list.component.html
index 5c10e805d28365bce7808ad98b33f67616e37da3..47ab42780326739e5fdfb09fa8cb73c70496bd8c 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -9,7 +9,7 @@
     <mat-icon>close</mat-icon>
   </button>
 
-  <span class="fill-remaining-space"></span>
+   <!-- <span class="fill-remaining-space"></span> -->
 
   <div class="button-bar" fxLayoutAlign="center center">
     <div *ngIf="comments && comments.length > 0">
@@ -29,7 +29,7 @@
       <mat-icon class="searchBarIcon">sort</mat-icon>
     </button>
 
-    <button mat-fab class="searchBarButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
+    <button mat-fab class="addButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
             matTooltip="{{ 'comment-list.add-comment' | translate }}">
       <mat-icon class="addCommentIcon">add</mat-icon>
     </button>
diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss
index c5730d7fabd66f225afba6d98c527a2d8cfa3e6a..c6278183b2d27fc73fdb738058eed465a6471192 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -35,11 +35,17 @@ input {
   width: 45px !important;
   height: 45px !important;
   text-align: center;
-  min-width: 50px;
-  margin: 0 2% 0 0;
+  margin: 1% 2% 1% 1%;
   color: var(--secondary);
 }
 
+.addButton {
+  width: 40px;
+  height: 40px;
+  margin: 0 5% 0 0;
+  background-color: var(--secondary);
+}
+
 .addCommentIcon {
   transform: scale(1.5);
   color: var(--primary-variant)