diff --git a/README.md b/README.md
index 92e10d501..5d140f4c9 100644
--- a/README.md
+++ b/README.md
@@ -3,21 +3,21 @@ When I wrote this, only God and I understood what I was doing. Now, only God kno
 ```
 
 <div align="center">
-    <a href="https://liyas-thomas.firebaseapp.com"><img src="static/icons/logo.svg" alt="Liyas Thomas" height="128"></a>
-    <br>
-    <h1>Postwoman</h1>
-    <p>
-      API request builder - Helps you create your requests faster, saving you precious time on your development
-    </p>
+  <a href="https://liyas-thomas.firebaseapp.com"><img src="static/icons/logo.svg" alt="Liyas Thomas" height="128"></a>
+  <br>
+  <h1>Postwoman</h1>
+  <p>
+    API request builder - Helps you create your requests faster, saving you precious time on your development
+  </p>
 <p>
 
 [![Financial Contributors on Open Collective](https://opencollective.com/postwoman/all/badge.svg?label=financial+contributors)](https://opencollective.com/postwoman) [![Build Status](https://travis-ci.com/liyasthomas/postwoman.svg?branch=master)](https://travis-ci.com/liyasthomas/postwoman) [![GitHub release](https://img.shields.io/github/release/liyasthomas/postwoman/all.svg)](https://github.com/liyasthomas/postwoman/releases/latest) [![repo size](https://img.shields.io/github/repo-size/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/archive/master.zip) [![license](https://img.shields.io/github/license/liyasthomas/postwoman.svg)](https://github.com/liyasthomas/postwoman/blob/master/LICENSE) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/liyasthomas/postwoman/issues) [![Website](https://img.shields.io/website-up-down-green-red/https/shields.io.svg?label=website)](https://postwoman.io) [![Donate](https://img.shields.io/badge/$-donate-blue.svg)](https://www.paypal.me/liyascthomas) [![Buy me a coffee](https://img.shields.io/badge/$-BuyMeACoffee-orange.svg)](https://www.buymeacoffee.com/liyasthomas) [![Chat on Telegram](https://img.shields.io/badge/chat-Telegram-blueviolet)](https://t.me/postwoman_app) [![Chat on Discord](https://img.shields.io/badge/chat-Discord-violet?logo=discord)](https://discord.gg/GAMWxmR)
 
 </p>
-    <sub>Built with ❤︎ by
-      <a href="https://github.com/liyasthomas">liyasthomas</a> and
-      <a href="https://github.com/liyasthomas/postwoman/graphs/contributors">contributors</a>
-    </sub>
+  <sub>Built with ❤︎ by
+    <a href="https://github.com/liyasthomas">liyasthomas</a> and
+    <a href="https://github.com/liyasthomas/postwoman/graphs/contributors">contributors</a>
+  </sub>
 </div>
 
 ---
@@ -202,7 +202,7 @@ See the [CHANGELOG](CHANGELOG.md) file for details.
 
 * ([contributors](https://github.com/liyasthomas/postwoman/graphs/contributors))
 
-### Contributors 🚸
+### Collaborators 🚸
 
 <table>
   <tr>
diff --git a/components/modal.vue b/components/modal.vue
index d6b64458a..8c5da0d44 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -25,7 +25,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/pages/index.vue b/pages/index.vue
index 37f0a992d..e8fa3ade8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,48 +1,38 @@
 <template>
   <div class="page">
-    <pw-section class="yellow" label="Import" ref="import">
-      <ul>
-        <li>
-          <button class="icon" id="show-modal" @click="showModal = true">
-            <i class="material-icons">import_export</i>
-            <span>Import cURL</span>
-          </button>
-        </li>
-      </ul>
-      <pw-modal v-if="showModal" @close="showModal = false">
-        <div slot="header">
-          <ul>
-            <li>
-              <div class="flex-wrap">
-                <h3 class="title">Import cURL</h3>
-                <div>
-                  <button class="icon" @click="toggleModal">
-                    <i class="material-icons">close</i>
-                  </button>
-                </div>
+    <pw-modal v-if="showModal" @close="showModal = false">
+      <div slot="header">
+        <ul>
+          <li>
+            <div class="flex-wrap">
+              <h3 class="title">Import cURL</h3>
+              <div>
+                <button class="icon" @click="toggleModal">
+                  <i class="material-icons">close</i>
+                </button>
               </div>
-            </li>
-          </ul>
-        </div>
-        <div slot="body">
-          <ul>
-            <li>
-              <textarea id="import-text" autofocus rows="8" placeholder="Enter cURL"></textarea>
-            </li>
-          </ul>
-        </div>
-        <div slot="footer">
-          <ul>
-            <li>
-              <button class="icon" @click="handleImport">
-                <i class="material-icons">get_app</i>
-                <span>Import</span>
-              </button>
-            </li>
-          </ul>
-        </div>
-      </pw-modal>
-    </pw-section>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div slot="body">
+        <ul>
+          <li>
+            <textarea id="import-text" autofocus rows="8" placeholder="Enter cURL"></textarea>
+          </li>
+        </ul>
+      </div>
+      <div slot="footer">
+        <ul>
+          <li>
+            <button class="icon" @click="handleImport">
+              <i class="material-icons">get_app</i>
+              <span>Import</span>
+            </button>
+          </li>
+        </ul>
+      </div>
+    </pw-modal>
     <pw-section class="blue" label="Request" ref="request">
       <ul>
         <li>
@@ -141,12 +131,18 @@
           </ul>
         </div>
       </div>
-      <button class="icon" @click="clearContent">
-        <i class="material-icons">clear_all</i>
-        <span>Clear all</span>
-      </button>
+      <div class="flex-wrap">
+        <button class="icon" id="show-modal" @click="showModal = true">
+          <i class="material-icons">import_export</i>
+          <span>Import cURL</span>
+        </button>
+        <button class="icon" @click="clearContent">
+          <i class="material-icons">clear_all</i>
+          <span>Clear all</span>
+        </button>
+      </div>
     </pw-section>
-    <pw-section class="blue" label="Code" ref="requestCode" v-if="!isHidden">
+    <pw-section class="yellow" label="Code" ref="requestCode" v-if="!isHidden">
       <ul>
         <li>
           <label for="requestType">Request Type</label>
@@ -919,7 +915,7 @@
         } else {
           this.$refs.copyRequest.innerHTML = this.copiedButton + '<span>Copied</span>';
           this.$toast.success('Copied to clipboard', {
-            icon: 'file_copy',
+            icon: 'done',
             position: 'bottom-center',
             duration: 1000,
           });
@@ -935,7 +931,7 @@
       copyRequestCode() {
         this.$refs.copyRequestCode.innerHTML = this.copiedButton + '<span>Copied</span>';
         this.$toast.success('Copied to clipboard', {
-          icon: 'file_copy',
+          icon: 'done',
           position: 'bottom-center',
           duration: 1000,
         });
@@ -946,7 +942,7 @@
       copyResponse() {
         this.$refs.copyResponse.innerHTML = this.copiedButton + '<span>Copied</span>';
         this.$toast.success('Copied to clipboard', {
-          icon: 'file_copy',
+          icon: 'done',
           position: 'bottom-center',
           duration: 1000,
         });
@@ -1083,7 +1079,7 @@
             this.bodyParams = [];
             this.rawParams = '';
         }
-        this.$toast.error('Cleared', {
+        this.$toast.info('Cleared', {
           icon: 'clear_all',
           position: 'bottom-center',
           duration: 1000,