diff --git a/package-lock.json b/package-lock.json
index 6cb22e8..66da7eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,7 +43,7 @@
         "husky": "^6.0.0",
         "jest": "^27.0.5",
         "lint-staged": "^10.5.4",
-        "postcss": "^8.3.5",
+        "postcss": "^8.4.38",
         "rimraf": "^3.0.2",
         "stylelint": "^13.13.1",
         "stylelint-config-prettier": "^8.0.2",
@@ -19986,13 +19986,27 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
-      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.0"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -25079,9 +25093,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -44545,13 +44559,13 @@
       "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
     },
     "postcss": {
-      "version": "8.4.32",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
-      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
       "requires": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.0"
       }
     },
     "postcss-attribute-case-insensitive": {
@@ -48426,9 +48440,9 @@
       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
     },
     "source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg=="
     },
     "source-map-resolve": {
       "version": "0.5.3",
diff --git a/package.json b/package.json
index 33f0bc4..022c0a5 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "husky": "^6.0.0",
     "jest": "^27.0.5",
     "lint-staged": "^10.5.4",
-    "postcss": "^8.3.5",
+    "postcss": "^8.4.38",
     "rimraf": "^3.0.2",
     "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^8.0.2",
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) {