diff --git a/src/app/create-comment/create-comment.component.html b/src/app/create-comment/create-comment.component.html
index 36d55d9a67096f61e11207a5d6ef88c3b6bddcb9..f7d2ed8e86d7409a75c75b42f06ac815a06b462b 100644
--- a/src/app/create-comment/create-comment.component.html
+++ b/src/app/create-comment/create-comment.component.html
@@ -1,12 +1,14 @@
-<form>
-  <mat-form-field class="input-block">
-    <input matInput #commentSubject type="text" maxlength="24" placeholder="Choose a title">
-  </mat-form-field>
-  <mat-form-field class="input-block">
-    <input matInput #commentBody>
-    <textarea matInput placeholder="Add your comment"></textarea>
-  </mat-form-field>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10">
+  <form>
+    <mat-form-field class="input-block">
+      <input matInput #commentSubject type="text" maxlength="24" placeholder="Choose a title">
+    </mat-form-field>
+    <mat-form-field class="input-block">
+      <input matInput #commentBody>
+      <textarea matInput placeholder="Add your comment"></textarea>
+    </mat-form-field>
 
-  <button mat-raised-button color="primary" (click)="goBack()">Back</button>
-  <button mat-raised-button color="primary" (click)="send(commentSubject.value, commentBody.value)">Send</button>
-</form>
+    <button mat-raised-button color="primary" (click)="goBack()">Back</button>
+    <button mat-raised-button color="primary" (click)="send(commentSubject.value, commentBody.value)">Send</button>
+  </form>
+</div>