diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ffa6d7b..e9f4f61 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -21,9 +21,8 @@
   <component name="ChangeListManager">
     <list default="true" id="458cde88-df3d-44bc-9d57-a33823e2f1a6" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/main/java/com/release11/klaus/controller/KlausMvcController.java" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/java/com/release11/klaus/controller/KlausMvcController.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/resources/static/css/styles.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/css/styles.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/main/resources/templates/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/templates/index.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/test/java/com/release11/klaus/controller/KlausMvcControllerTest.java" beforeDir="false" afterPath="$PROJECT_DIR$/src/test/java/com/release11/klaus/controller/KlausMvcControllerTest.java" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css
index ccf00c3..990cd07 100644
--- a/src/main/resources/static/css/styles.css
+++ b/src/main/resources/static/css/styles.css
@@ -190,7 +190,8 @@ button[name="removeHeader"] {
 table { border-collapse: collapse; }
 tr { border: none; }
 td {
-border: none;
+    border: none;
+    vertical-align: top;
 }
 
 button{
@@ -222,4 +223,13 @@ label { display: block;
 input:focus + .hint { display: inline; float:right;}
 textarea:focus  + .hint { display: inline; float:right; }
 textarea:focus  + .hint { display: inline; float:right; }
-select:focus  + .hint { display: inline; float:right; }
\ No newline at end of file
+select:focus  + .hint { display: inline; float:right; }
+
+select#media-type {
+    width: 500px;
+}
+
+textarea#message-body {
+    width: 500px;
+    height: 300px;
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 174f886..fe178d3 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -41,11 +41,12 @@
                                     <tr>
                                         <td>Media type:</td>
                                         <td>
-                                            <label><select th:field="*{mediaType}">
-                                                <option value="application/xml">application/xml</option>
-                                                <option value="application/json">application/json</option>
-                                                <option value="text/xml">text/xml</option>
-                                            </select>
+                                            <label>
+                                                <select id="media-type" th:field="*{mediaType}">
+                                                    <option value="application/xml">application/xml</option>
+                                                    <option value="application/json">application/json</option>
+                                                    <option value="text/xml">text/xml</option>
+                                                </select>
                                                 <span class="hint">Standard that indicates the nature and format of a document, file, or assortment of bytes.</span>
                                             </label>
                                         </td>
@@ -56,8 +57,9 @@
 
                                     <tr>
                                         <td>Mocked response body:</td>
-                                        <td><label><textarea rows="4" cols="30" th:field="*{messageBody}"
-                                                      placeholder="Your message body"></textarea>
+<!--                                        rows="4" cols="30"-->
+                                        <td><label>
+                                            <textarea id="message-body"  th:field="*{messageBody}" placeholder="Your message body"></textarea>
                                             <span class="hint">The resource data that will be requested by the client.</span>
                                         </label>
                                         </td>