diff --git a/src/components/Preview.vue b/src/components/Preview.vue
index ee9aa4e..76e730a 100644
--- a/src/components/Preview.vue
+++ b/src/components/Preview.vue
@@ -263,10 +263,9 @@ const copyToClipboard = () => {
       <input type="text" v-show="exampleRequestBody" v-model="exampleRequestBody" />
     </div>
     <div v-show="successResponseBody">
-      <pre>
-        {{ responseHeaderTitle }}:
+      <pre><span @click="copyToClipboard">{{ responseHeaderTitle }}:</span>
         <code>
-          <div @click="copyToClipboard" id="code" v-html="successResponseBody"></div>
+          <div id="code" v-html="successResponseBody"></div>
         </code>
       </pre>
     </div>
@@ -370,6 +369,9 @@ pre {
   font-family: 'Roboto';
   font-weight: normal;
 }
+pre span {
+  all: unset; /* Reset all default styles */
+}
 input[type='text'] {
   color: #ffffff;
   font-size: 14px;