diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index e6da892..3584462 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -23,6 +23,7 @@
       
       
       
+      
     
     
     
@@ -306,7 +307,7 @@
       
       
       
-      
+      
     
     
       1601453886631
diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index f1c305a..c275ee8 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -153,18 +153,19 @@
 }
 
 .menuItem {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;
     cursor: pointer;
 }
 
-
-
-.menuFactory {
+#iconPlus {
+    text-align: center;
+    font-size: 28px;
     color: lightgray;
 }
 
@@ -175,9 +176,10 @@
 }
 
 .menuItemSelected {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;
diff --git a/src/main/resources/static/js/datatransfer.js b/src/main/resources/static/js/datatransfer.js
index 7116aa0..3b4c9fa 100644
--- a/src/main/resources/static/js/datatransfer.js
+++ b/src/main/resources/static/js/datatransfer.js
@@ -1,15 +1,20 @@
+
 function getData(uuid){
     $.getJSON('http://localhost:8097/mock/json', function(json) {
-       fillStaticFields(json[0].clientUUID
-                        , json[0].mockedResponseId
-                        , json[0].mediaType
-                        , json[0].messageBody
-                        , json[0].httpStatus);
-       fillHeaderTable(json[0].httpHeaders);
-       fillMessageList(json);
+        fillMessageList(json);
+        initializeMock(json, 0)
     });
 }
 
+function initializeMock(json, id){
+    fillStaticFields(json[id].clientUUID
+        , json[id].mockedResponseId
+        , json[id].mediaType
+        , json[id].messageBody
+        , json[id].httpStatus);
+    fillHeaderTable(json[id].httpHeaders);
+}
+
 function fillStaticFields(uuid, id, mediaType, body, httpStatus){
     $('#messageLink').html(createLink(uuid,id));
     $('#typeSelector').val(mediaType);
@@ -63,7 +68,7 @@ function fillMessageList(json){
 function generateMessageTileHtml(id, httpStatus, mediaType){
     var innerHTML = '';
     return innerHTML;
diff --git a/src/main/resources/templates/mock.html b/src/main/resources/templates/mock.html
index e8a226c..446a00a 100644
--- a/src/main/resources/templates/mock.html
+++ b/src/main/resources/templates/mock.html
@@ -19,7 +19,7 @@
                     
                         
                     
-                
+