diff --git a/ppr-ui/package-lock.json b/ppr-ui/package-lock.json
index 7aaf1f24f..663189c28 100644
--- a/ppr-ui/package-lock.json
+++ b/ppr-ui/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.27",
+  "version": "3.2.28",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ppr-ui",
-      "version": "3.2.27",
+      "version": "3.2.28",
       "dependencies": {
         "@bcrs-shared-components/input-field-date-picker": "^1.0.0",
         "@lemoncode/fonk": "^1.5.1",
@@ -32,7 +32,7 @@
         "moment": "^2.29.1",
         "moment-timezone": "^0.5.34",
         "pinia": "^2.1.3",
-        "sbc-common-components": "4.0.3",
+        "sbc-common-components": "4.0.7",
         "vue": "^2.0.0 || >=3.3.4",
         "vue-pdf-embed": "1.1.6",
         "vue-plugin-helper-decorator": "^0.0.12",
@@ -7929,9 +7929,9 @@
       }
     },
     "node_modules/sbc-common-components": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/sbc-common-components/-/sbc-common-components-4.0.3.tgz",
-      "integrity": "sha512-+7Bn7+NVCY5jVUvDsk7ymcj6tUD19fsQNsVyNA/oH2gx3XvsOZOkHpkUw6yWFx7giNGD1JGjCXWotjuWQBuvRw==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/sbc-common-components/-/sbc-common-components-4.0.7.tgz",
+      "integrity": "sha512-6wD6o1nWrJQ92K1SfzqLYDeBdjHO76iTPb0Vb/HkkY4IuJtiHWe/OfziBkTFHmSEglxg9QsBN6l+OashUZx/Xg==",
       "dependencies": {
         "@mdi/font": "^4.5.95",
         "@vue/compiler-dom": "^3.2.45",
@@ -15150,9 +15150,9 @@
       }
     },
     "sbc-common-components": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/sbc-common-components/-/sbc-common-components-4.0.3.tgz",
-      "integrity": "sha512-+7Bn7+NVCY5jVUvDsk7ymcj6tUD19fsQNsVyNA/oH2gx3XvsOZOkHpkUw6yWFx7giNGD1JGjCXWotjuWQBuvRw==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/sbc-common-components/-/sbc-common-components-4.0.7.tgz",
+      "integrity": "sha512-6wD6o1nWrJQ92K1SfzqLYDeBdjHO76iTPb0Vb/HkkY4IuJtiHWe/OfziBkTFHmSEglxg9QsBN6l+OashUZx/Xg==",
       "requires": {
         "@mdi/font": "^4.5.95",
         "@vue/compiler-dom": "^3.2.45",
diff --git a/ppr-ui/package.json b/ppr-ui/package.json
index 62f126cea..7f703a2ff 100644
--- a/ppr-ui/package.json
+++ b/ppr-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.27",
+  "version": "3.2.28",
   "private": true,
   "appName": "Assets UI",
   "sbcName": "SBC Common Components",
@@ -38,7 +38,7 @@
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
     "pinia": "^2.1.3",
-    "sbc-common-components": "4.0.3",
+    "sbc-common-components": "4.0.7",
     "vue": "^2.0.0 || >=3.3.4",
     "vue-pdf-embed": "1.1.6",
     "vue-plugin-helper-decorator": "^0.0.12",
diff --git a/ppr-ui/vite.config.ts b/ppr-ui/vite.config.ts
index 711b63a68..0d974609e 100644
--- a/ppr-ui/vite.config.ts
+++ b/ppr-ui/vite.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import EnvironmentPlugin from 'vite-plugin-environment'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 import ViteRequireContext from '@originjs/vite-plugin-require-context'
 import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
 
@@ -31,7 +31,9 @@ export default defineConfig(() => {
     },
     envPrefix: 'VUE_APP_', // Need to remove this after fixing vaults. Use import.meta.env with VUE_APP.
     plugins: [
-      vue(),
+      vue({
+        template: { transformAssetUrls }
+      }),
       vuetify(),
       EnvironmentPlugin({
         BUILD: 'web' // Fix for Vuelidate, allows process.env with Vite.