diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
index 3fcf58d5cf5381927d6d2b75534025495c2690e0..b13f60d079c4b194f0834951126d9b598064856f 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
@@ -89,10 +89,10 @@
     <mat-divider></mat-divider>
   </ars-row>
   <ars-row ars-flex-box>
-    <ars-fill>
-    </ars-fill>
     <ars-col>
-      <button (click)="grammarCheck(commentBody)">{{ 'comment-page.grammar-check' | translate}}</button>
+      <button class="mat-flat-button spell-button"  (click)="grammarCheck(commentBody)">{{ 'comment-page.grammar-check' | translate}}</button>
+    </ars-col>
+    <ars-col> 
       <app-dialog-action-buttons
         buttonsLabelSection="comment-page"
         confirmButtonLabel="send"
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
index 29c6198bbf2586f39398bbbcc98b05c642293855..41d5b82dbc9498fee7f9f9c119a673d3708c554a 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
@@ -26,6 +26,11 @@ app-comment-list {
     outline: none;
   }
 }
+.spell-button{
+  background-color: var(--primary);
+  color: var(--on-primary);
+  margin-top: 1rem;
+}
 
 .send {
   color: var(--on-primary);