diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index db3c16a49..e1cb5301a 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -681,6 +681,11 @@ ol {
   padding: 0;
   list-style-type: none;
 
+  &.response-headers {
+    display: inline-flex;
+    width: 50%;
+  }
+
   ul,
   ol {
     margin: 0;
diff --git a/pages/doc.vue b/pages/doc.vue
index 601fef02a..a5ab7cd29 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -341,6 +341,7 @@ export default {
     getDoc() {
       try {
         this.items = JSON.parse(this.collectionJSON)
+        this.$toast.clear()
         this.$toast.info(this.$t("docs_generated"), {
           icon: "book",
         })
diff --git a/pages/index.vue b/pages/index.vue
index dc449ad2e..a523eae4e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -904,7 +904,7 @@
               />
             </li>
           </ul>
-          <ul v-for="(value, key) in response.headers" :key="key">
+          <ul v-for="(value, key) in response.headers" :key="key" class="response-headers">
             <li>
               <label :for="key">{{ key }}</label>
               <input :id="key" :value="value" :name="key" readonly />