diff --git a/index.html b/index.html
index eca1052eb..9b3881928 100644
--- a/index.html
+++ b/index.html
@@ -76,7 +76,7 @@
       </div>
     </header>
     <fieldset class="request">
-      <legend v-on:click="collapse">Request ⇵</legend>
+      <legend v-on:click="collapse">Request ⭥</legend>
       <div class="collapsible">
         <ul>
           <li>
@@ -98,14 +98,54 @@
             <input v-model="path">
           </li>
           <li>
-            <label for="action">Action</label>
+            <label for="action">&nbsp;</label>
             <button name="action" @click="sendRequest">Send</button>
           </li>
         </ul>
       </div>
     </fieldset>
-    <fieldset class="authentication">
-      <legend v-on:click="collapse">Authentication ⇵</legend>
+    <fieldset class="reqbody" v-if="method === 'POST' || method === 'PUT'">
+      <legend v-on:click="collapse">Request Body ⭥</legend>
+      <div class="collapsible">
+        <ul>
+          <li>
+            <label>Content Type</label>
+            <select v-model="contentType">
+              <option>application/json</option>
+              <option>www-form/urlencoded</option>
+            </select>
+          </li>
+        </ul>
+        <ol v-for="(param, index) in bodyParams">
+          <li>
+            <label :for="'bparam'+index">Key {{index + 1}}</label>
+            <input :name="'bparam'+index" v-model="param.key">
+          </li>
+          <li>
+            <label :for="'bvalue'+index">Value {{index + 1}}</label>
+            <input :name="'bvalue'+index" v-model="param.value">
+          </li>
+          <li>
+            <label for="request">&nbsp;</label>
+            <button name="request" @click="removeRequestBodyParam(index)">Remove</button>
+          </li>
+        </ol>
+        <ul>
+          <li>
+            <label for="addrequest">Action</label>
+            <button name="addrequest" @click="addRequestBodyParam">Add</button>
+          </li>
+        </ul>
+        <ul>
+          <li>
+            <label for="request">Parameter List</label>
+            <textarea name="request" rows="1" readonly>{{rawRequestBody || '(add atleast one parameter)'}}</textarea>
+          </li>
+        </ul>
+      </div>
+    </fieldset>
+    <fieldset class="authentication hidden">
+      <legend v-on:click="collapse">Authentication ⭥</legend>
       <div class="collapsible">
         <ul>
           <li>
@@ -128,8 +168,8 @@
         </ul>
       </div>
     </fieldset>
-    <fieldset class="parameters">
-      <legend v-on:click="collapse">Parameters ⇵</legend>
+    <fieldset class="parameters hidden">
+      <legend v-on:click="collapse">Parameters ⭥</legend>
       <div class="collapsible">
         <ol v-for="(param, index) in params">
           <li>
@@ -141,7 +181,7 @@
             <input :name="'value'+index" v-model="param.value">
           </li>
           <li>
-            <label for="param">Action</label>
+            <label for="param">&nbsp;</label>
             <button name="param" @click="removeRequestParam(index)">Remove</button>
           </li>
         </ol>
@@ -159,51 +199,13 @@
         </ul>
       </div>
     </fieldset>
-    <fieldset class="reqbody" v-if="method === 'POST' || method === 'PUT'">
-      <legend v-on:click="collapse">Request Body ⇵</legend>
-      <div class="collapsible">
-        <ol v-for="(param, index) in bodyParams">
-          <li>
-            <label :for="'bparam'+index">Key {{index + 1}}</label>
-            <input :name="'bparam'+index" v-model="param.key">
-          </li>
-          <li>
-            <label :for="'bvalue'+index">Value {{index + 1}}</label>
-            <input :name="'bvalue'+index" v-model="param.value">
-          </li>
-          <li>
-            <label for="request">Action</label>
-            <button name="request" @click="removeRequestBodyParam(index)">Remove</button>
-          </li>
-        </ol>
-        <ul>
-          <li>
-            <label>Content Type</label>
-            <select v-model="contentType">
-              <option>application/json</option>
-              <option>www-form/urlencoded</option>
-            </select>
-          </li>
-          <li>
-            <label for="addrequest">Action</label>
-            <button name="addrequest" @click="addRequestBodyParam">Add</button>
-          </li>
-        </ul>
-        <ul>
-          <li>
-            <label for="request">Parameter List</label>
-            <textarea name="request" rows="1" readonly>{{rawRequestBody || '(add atleast one parameter)'}}</textarea>
-          </li>
-        </ul>
-      </div>
-    </fieldset>
     <fieldset class="response" id="response" ref="response">
-      <legend v-on:click="collapse">Response ⇵</legend>
+      <legend v-on:click="collapse">Response ⭥</legend>
       <div class="collapsible">
         <ul>
           <li>
-            <label for="status">Status</label>
-            <input name="status" type="text" readonly :value="response.status || 'waiting for request'">
+            <label for="status">status</label>
+            <input name="status" type="text" readonly :value="response.status || '(waiting to send request)'">
           </li>
         </ul>
         <ul v-for="(value, key) in response.headers">
@@ -212,13 +214,18 @@
             <input name="value" :value="value" readonly>
           </li>
         </ul>
-        <textarea rows="5" readonly>{{response.body}}</textarea>
+        <ul>
+          <li>
+            <label for="body">response</label>
+            <textarea name="body" rows="6" readonly>{{response.body || '(waiting to send request)'}}</textarea>
+          </li>
+        </ul>
       </div>
     </fieldset>
     <footer>
       <a href="https://github.com/liyasthomas/postwoman"><img src="icons/github.svg" alt="" style="margin-right: 16px">GitHub</a>
       <button id="installPWA" onclick="installPWA()">
-        PWA
+        Install PWA
       </button>
     </footer>
   </main>
diff --git a/script.js b/script.js
index 544a6e31c..ec81d1c22 100644
--- a/script.js
+++ b/script.js
@@ -75,7 +75,8 @@ const app = new Vue({
       this.$refs.response.scrollIntoView({
         behavior: 'smooth'
       })
-      this.response.status = 'Loading...'
+      this.response.status = 'Fetching...'
+      this.response.body = 'Loading...'
       const xhr = new XMLHttpRequest()
       const user = this.auth === 'Basic' ? this.httpUser : null
       const pswd = this.auth === 'Basic' ? this.httpPassword : null
diff --git a/style.css b/style.css
index 82c796871..f1c89a93a 100644
--- a/style.css
+++ b/style.css
@@ -34,11 +34,9 @@ a {
 }
 
 body {
-  padding: 0;
   background-color: var(--bg-color);
   color: var(--fg-color);
   font-weight: 500;
-  font-size: 16px;
   line-height: 1.5;
   animation: fadein .2s;
   -webkit-tap-highlight-color: transparent;
@@ -108,21 +106,21 @@ fieldset.request legend {
 }
 
 fieldset.authentication {
-  border-color: #50E3C2;
-}
-
-fieldset.authentication legend {
-  color: #50E3C2;
-}
-
-fieldset.parameters {
   border-color: #B8E986;
 }
 
-fieldset.parameters legend {
+fieldset.authentication legend {
   color: #B8E986;
 }
 
+fieldset.parameters {
+  border-color: #50E3C2;
+}
+
+fieldset.parameters legend {
+  color: #50E3C2;
+}
+
 fieldset.reqbody {
   border-color: #4A90E2;
 }
diff --git a/sw.js b/sw.js
index d788f9e48..95aa8d19f 100644
--- a/sw.js
+++ b/sw.js
@@ -35,9 +35,8 @@ workbox.routing.registerRoute(
 	})
 );
 workbox.precaching.precacheAndRoute([
-    '/index.css',
-    '/index.js',
-    '/manage.js',
+    '/style.css',
+    '/script.js',
 	{
 		url: '/index.html',
 		revision: '383676'