diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f55b702f..4badb8a0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -23,7 +23,7 @@
         "pinia-plugin-persistedstate": "^3.2.1",
         "primeflex": "^3.3.1",
         "primeicons": "^6.0.1",
-        "primevue": "~3.44.0",
+        "primevue": "^3.52.0",
         "qrcode.vue": "^3.4.1",
         "vee-validate": "^4.12.6",
         "vue": "^3.4.21",
@@ -5566,9 +5566,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "node_modules/primevue": {
-      "version": "3.44.0",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.44.0.tgz",
-      "integrity": "sha512-BqSg6rKP0vq7WRHhLlVt4BD4rQZbVVXjgSfOAcebv3mO4wJZcJbgC04mxAI9fl26PhmPy1jLOuCtNOBWo7IekA==",
+      "version": "3.52.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.52.0.tgz",
+      "integrity": "sha512-HLOVP5YI0ArFKUhIyfZsWmTNMaBYNCBWC/3DYvdd/Po4LY5/WXf7yIYvArE2q/3OuwSXJXvjlR8UNQeJYRSQog==",
       "peerDependencies": {
         "vue": "^3.0.0"
       }
@@ -10851,9 +10851,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "primevue": {
-      "version": "3.44.0",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.44.0.tgz",
-      "integrity": "sha512-BqSg6rKP0vq7WRHhLlVt4BD4rQZbVVXjgSfOAcebv3mO4wJZcJbgC04mxAI9fl26PhmPy1jLOuCtNOBWo7IekA==",
+      "version": "3.52.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.52.0.tgz",
+      "integrity": "sha512-HLOVP5YI0ArFKUhIyfZsWmTNMaBYNCBWC/3DYvdd/Po4LY5/WXf7yIYvArE2q/3OuwSXJXvjlR8UNQeJYRSQog==",
       "requires": {}
     },
     "property-expr": {
diff --git a/frontend/package.json b/frontend/package.json
index 925ca0a9..58e6ae19 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -39,7 +39,7 @@
     "pinia-plugin-persistedstate": "^3.2.1",
     "primeflex": "^3.3.1",
     "primeicons": "^6.0.1",
-    "primevue": "~3.44.0",
+    "primevue": "^3.52.0",
     "qrcode.vue": "^3.4.1",
     "vee-validate": "^4.12.6",
     "vue": "^3.4.21",
diff --git a/frontend/src/assets/main.scss b/frontend/src/assets/main.scss
index 3bdb6eaa..24e65cba 100644
--- a/frontend/src/assets/main.scss
+++ b/frontend/src/assets/main.scss
@@ -78,6 +78,14 @@ a:visited {
     color: $bcbox-link-text-hover;
   }
 }
+a:focus-visible {
+  outline: 0 none;
+  box-shadow: 0 0 0 0.2rem #a6d5fa;
+  border-radius: inherit;
+}
+a button:focus-visible {
+  box-shadow: none;
+}
 
 .wrap-block {
   display: inline-block;
@@ -122,6 +130,7 @@ a:visited {
 .gov-footer {
   background-color: #003366 !important;
   border-top: 2px solid #fcba19;
+  padding-bottom: 3px;
   a {
     display: inline-block;
     padding: 0.5rem 1rem;
@@ -131,9 +140,6 @@ a:visited {
     &:hover {
       text-decoration: underline;
     }
-    &:focus {
-      outline: none;
-    }
     &:visited {
       color: #ffffff;
     }
@@ -220,9 +226,6 @@ a:visited {
       &.selected-row {
         background: $bcbox-highlight-background !important;
       }
-      &:focus {
-        outline: none !important;
-      }
     }
   }
 
diff --git a/frontend/src/components/bucket/BucketPermission.vue b/frontend/src/components/bucket/BucketPermission.vue
index 4197ad70..1b4d2d72 100644
--- a/frontend/src/components/bucket/BucketPermission.vue
+++ b/frontend/src/components/bucket/BucketPermission.vue
@@ -123,7 +123,7 @@ onBeforeMount(async () => {
             v-model="data.create"
             input-id="create"
             :binary="true"
-            @input="(value) => updateBucketPermission(value, data.userId, Permissions.CREATE)"
+            @input="(value:boolean) => updateBucketPermission(value, data.userId, Permissions.CREATE)"
           />
         </template>
       </Column>
@@ -137,7 +137,7 @@ onBeforeMount(async () => {
             v-model="data.read"
             input-id="read"
             :binary="true"
-            @input="(value) => updateBucketPermission(value, data.userId, Permissions.READ)"
+            @input="(value:boolean) => updateBucketPermission(value, data.userId, Permissions.READ)"
           />
         </template>
       </Column>
@@ -151,7 +151,7 @@ onBeforeMount(async () => {
             v-model="data.update"
             input-id="update"
             :binary="true"
-            @input="(value) => updateBucketPermission(value, data.userId, Permissions.UPDATE)"
+            @input="(value:boolean) => updateBucketPermission(value, data.userId, Permissions.UPDATE)"
           />
         </template>
       </Column>
@@ -165,7 +165,7 @@ onBeforeMount(async () => {
             v-model="data.delete"
             input-id="delete"
             :binary="true"
-            @input="(value) => updateBucketPermission(value, data.userId, Permissions.DELETE)"
+            @input="(value:boolean) => updateBucketPermission(value, data.userId, Permissions.DELETE)"
           />
         </template>
       </Column>
@@ -180,7 +180,7 @@ onBeforeMount(async () => {
             input-id="manage"
             :binary="true"
             :disabled="!data.elevatedRights"
-            @input="(value) => updateBucketPermission(value, data.userId, Permissions.MANAGE)"
+            @input="(value:boolean) => updateBucketPermission(value, data.userId, Permissions.MANAGE)"
           />
         </template>
       </Column>
diff --git a/frontend/src/components/bucket/BucketTable.vue b/frontend/src/components/bucket/BucketTable.vue
index dc37e8de..760f8deb 100644
--- a/frontend/src/components/bucket/BucketTable.vue
+++ b/frontend/src/components/bucket/BucketTable.vue
@@ -233,7 +233,6 @@ watch(getBuckets, () => {
     :loading="getIsLoading"
     :value="treeData"
     :expanded-keys="expandedKeys"
-    data-key="bucketId"
     class="p-treetable-sm"
     responsive-layout="scroll"
     :paginator="true"
diff --git a/frontend/src/components/layout/Header.vue b/frontend/src/components/layout/Header.vue
index bdcd3d11..72aec7c1 100644
--- a/frontend/src/components/layout/Header.vue
+++ b/frontend/src/components/layout/Header.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouteNames } from '@/utils/constants';
 import { LoginButton } from '@/components/layout';
 </script>
 
@@ -7,17 +8,15 @@ import { LoginButton } from '@/components/layout';
     <nav id="header-branding">
       <div class="flex flex-row flex-wrap align-items-center py-3 lg:px-7">
         <div class="flex flex-none">
-          <a
-            href="https://www2.gov.bc.ca"
-            class="pl-1"
-          >
+          <router-link :to="{ name: RouteNames.HOME }">
             <img
               src="@/assets/images/bc_logo.svg"
               width="181"
               height="44"
               alt="B.C. Government Logo"
+              class="pl-1"
             />
-          </a>
+          </router-link>
         </div>
         <div class="flex flex-grow-1 ml-2">
           <h2 class="m-0">BCBox</h2>
diff --git a/frontend/src/components/layout/Navbar.vue b/frontend/src/components/layout/Navbar.vue
index 58f19c55..322d3d18 100644
--- a/frontend/src/components/layout/Navbar.vue
+++ b/frontend/src/components/layout/Navbar.vue
@@ -81,10 +81,6 @@ const { getIsAuthenticated } = storeToRefs(useAuthStore());
           padding: 0.4rem 0.8rem 0.6rem 0.8rem;
           text-decoration: none;
 
-          &:focus {
-            outline: none;
-            outline-offset: 0;
-          }
           &:hover {
             text-decoration: underline;
           }
diff --git a/frontend/src/components/object/ObjectPermission.vue b/frontend/src/components/object/ObjectPermission.vue
index c986ae1e..14b3556f 100644
--- a/frontend/src/components/object/ObjectPermission.vue
+++ b/frontend/src/components/object/ObjectPermission.vue
@@ -125,7 +125,7 @@ onBeforeMount(() => {
             v-model="data.read"
             input-id="read"
             :binary="true"
-            @input="(value) => updateObjectPermission(value, data.userId, Permissions.READ)"
+            @input="(value:boolean) => updateObjectPermission(value, data.userId, Permissions.READ)"
           />
         </template>
       </Column>
@@ -139,7 +139,7 @@ onBeforeMount(() => {
             v-model="data.update"
             input-id="update"
             :binary="true"
-            @input="(value) => updateObjectPermission(value, data.userId, Permissions.UPDATE)"
+            @input="(value:boolean) => updateObjectPermission(value, data.userId, Permissions.UPDATE)"
           />
         </template>
       </Column>
@@ -153,7 +153,7 @@ onBeforeMount(() => {
             v-model="data.delete"
             input-id="delete"
             :binary="true"
-            @input="(value) => updateObjectPermission(value, data.userId, Permissions.DELETE)"
+            @input="(value:boolean) => updateObjectPermission(value, data.userId, Permissions.DELETE)"
           />
         </template>
       </Column>
@@ -167,7 +167,7 @@ onBeforeMount(() => {
             v-model="data.manage"
             input-id="manage"
             :binary="true"
-            @input="(value) => updateObjectPermission(value, data.userId, Permissions.MANAGE)"
+            @input="(value:boolean) => updateObjectPermission(value, data.userId, Permissions.MANAGE)"
           />
         </template>
       </Column>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.mts
similarity index 100%
rename from frontend/vite.config.ts
rename to frontend/vite.config.mts