diff --git a/src/app/creator-choice-content/creator-choice-content.component.html b/src/app/creator-choice-content/creator-choice-content.component.html
index a70105b0ae6b7804fa2201a676c81f31079e1ff2..ba5d3ea8d2b936bdc4dc73d1a88d21b85c6825e4 100644
--- a/src/app/creator-choice-content/creator-choice-content.component.html
+++ b/src/app/creator-choice-content/creator-choice-content.component.html
@@ -3,13 +3,19 @@
     <mat-card class="input-form" fxLayoutGap="20px">
       <mat-card-header>
         <mat-card-title>
-          <h3 class="subheading-2">{{ subject }}</h3>
+          <h3 class="subheading-2">
+            <mat-form-field>
+              <input [(ngModel)]="subject" matInput placeholder="Subject" name="newSubject">
+            </mat-form-field>
+          </h3>
+          <h4>
+            <div>
+              <mat-form-field>
+                <input [(ngModel)]="body" matInput placeholder="Body" name="newBody">
+              </mat-form-field>
+            </div>
+          </h4>
         </mat-card-title>
-        <mat-card-subtitle>
-          <div>
-            {{ body }}
-          </div>
-        </mat-card-subtitle>
       </mat-card-header>
       <mat-divider></mat-divider>
       <mat-card-content>
diff --git a/src/app/creator-choice-content/creator-choice-content.component.ts b/src/app/creator-choice-content/creator-choice-content.component.ts
index 926b9a4a564a80c22be722bd06045cbea4c6da40..154b58a96ad932d1f1f7c2f58aa3721fb72f5241 100644
--- a/src/app/creator-choice-content/creator-choice-content.component.ts
+++ b/src/app/creator-choice-content/creator-choice-content.component.ts
@@ -7,8 +7,8 @@ import { AnswerOption } from '../answer-option';
   styleUrls: ['./creator-choice-content.component.scss']
 })
 export class CreatorChoiceContentComponent implements OnInit {
-  subject = 'TestSubject';
-  body = 'TestBody';
+  subject: string;
+  body: string;
   newLabel: string;
   newPoints: string;
   options = [