diff --git a/package-lock.json b/package-lock.json
index 6cb22e8..c148339 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,7 @@
         "babel-core": "7.0.0-bridge.0",
         "babel-jest": "^27.0.5",
         "eslint": "^7.29.0",
-        "eslint-config-prettier": "^8.3.0",
+        "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-nuxt": "^2.0.0",
         "eslint-plugin-vue": "^7.12.1",
         "husky": "^6.0.0",
@@ -11053,9 +11053,9 @@
       }
     },
     "node_modules/eslint-config-prettier": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
-      "integrity": "sha1-90cbILb+ipqSVMxoRFQgKIai3Xo=",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
       "dev": true,
       "bin": {
         "eslint-config-prettier": "bin/cli.js"
@@ -38094,9 +38094,9 @@
       }
     },
     "eslint-config-prettier": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz",
-      "integrity": "sha1-90cbILb+ipqSVMxoRFQgKIai3Xo=",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
       "dev": true,
       "requires": {}
     },
diff --git a/package.json b/package.json
index 33f0bc4..f045d8b 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^27.0.5",
     "eslint": "^7.29.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-nuxt": "^2.0.0",
     "eslint-plugin-vue": "^7.12.1",
     "husky": "^6.0.0",
diff --git a/pages/v2/diff.vue b/pages/v2/diff.vue
index 2e4875e..7708741 100644
--- a/pages/v2/diff.vue
+++ b/pages/v2/diff.vue
@@ -4,8 +4,45 @@
     <main class="outline-none" tabindex="0">
       <DiffActionBar :diff-navigator="diffNavigator" />
       <section
-        class="flex items-stretch w-full gap-4 font-mono text-gray-800 dark:text-gray-50"
+        class="
+          flex
+          items-stretch
+          flex-wrap
+          w-full
+          gap-4
+          font-mono
+          text-gray-800
+          dark:text-gray-50
+        "
       >
+        <div class="flex space-around w-full gap-4">
+          <p
+            class="
+              flex-grow-0 flex-shrink-0
+              w-1/2
+              text-lg
+              font-bold
+              text-center
+              capitalize
+              break-all
+            "
+          >
+            <span class="inline-block w-4/5">{{ lhsLabel }}</span>
+          </p>
+          <p
+            class="
+              flex-grow-0 flex-shrink-0
+              w-1/2
+              text-lg
+              font-bold
+              text-center
+              capitalize
+              break-all
+            "
+          >
+            <span class="inline-block w-4/5">{{ rhsLabel }}</span>
+          </p>
+        </div>
         <div
           id="monaco-diff-viewer"
           class="w-full h-screen p-2 border border-gray-600 rounded-md editor"
@@ -19,7 +56,10 @@
 import pako from 'pako'
 import loader from '@monaco-editor/loader'
 import Vue from 'vue'
-import { getMonacoEditorDefaultOptions, undoUrlSafeBase64 } from '../../helpers/utils'
+import {
+  getMonacoEditorDefaultOptions,
+  undoUrlSafeBase64,
+} from '../../helpers/utils'
 import DiffActionBar from '~/components/v2/diffActionBar.vue'
 import Navbar from '~/components/v2/navbar.vue'
 import { v2DiffData } from '~/helpers/types'
@@ -28,8 +68,8 @@ export default Vue.extend({
   layout: 'main',
   data(): v2DiffData {
     return {
-      lhs: "",
-      rhs: "",
+      lhs: '',
+      rhs: '',
       rhsLabel: '',
       lhsLabel: '',
       monacoDiffEditor: {},
@@ -53,7 +93,7 @@ export default Vue.extend({
   mounted() {
     const monacoDiffViewerEl = document.getElementById('monaco-diff-viewer')
     const theme = this.$cookies.isDarkMode ? 'vs-dark' : 'light'
-    const monacoEditorOptions = getMonacoEditorDefaultOptions(theme);
+    const monacoEditorOptions = getMonacoEditorDefaultOptions(theme)
     loader.init().then((monaco) => {
       if (monacoDiffViewerEl) {
         this.monacoDiffEditor = monaco.editor.createDiffEditor(
@@ -62,7 +102,7 @@ export default Vue.extend({
             ...monacoEditorOptions,
             readOnly: true,
             wordWrap: 'on',
-            diffAlgorithm: 'advanced'
+            diffAlgorithm: 'advanced',
           }
         ) as any
         if (this.monacoDiffEditor) {