diff --git a/src/app/formulaManager/newComponent/newComponent.component.html b/src/app/formulaManager/newComponent/newComponent.component.html
index a9bc530..9f7d642 100644
--- a/src/app/formulaManager/newComponent/newComponent.component.html
+++ b/src/app/formulaManager/newComponent/newComponent.component.html
@@ -1,18 +1,15 @@
 <mat-dialog-content>
-    <h3 mat-dialog-title>
-        <span *ngIf="data">Update</span>
-        <span *ngIf="!data">Create</span> Category</h3>
     <form id="createForm">
-        <mat-form-field class="w-100">
-            <input matInput placeholder="Name" name="name" [(ngModel)]="name">
+        <mat-form-field style="max-width: 50%">
+            <input matInput placeholder="Component Name" name="name" [(ngModel)]="name">
+        </mat-form-field>
+        <mat-form-field class="float-right" style="max-width: 150px">
+            <input matInput placeholder="Per Kg" type="number" name="cost" [(ngModel)]="price">
+            <span matPrefix>$&nbsp;</span>
         </mat-form-field>
         <mat-form-field class="w-100">
             <input matInput placeholder="Description" name="description" [(ngModel)]="description">
         </mat-form-field>
-        <mat-form-field>
-            <input matInput placeholder="Price ($/Kg)" type="number" name="cost" [(ngModel)]="price">
-            <span matPrefix>$&nbsp;</span>
-        </mat-form-field>
     </form>
 </mat-dialog-content>
 <mat-divider></mat-divider>