diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 12d8db10..d32cc9ef 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -171,14 +171,14 @@ jobs:
         working-directory: ${{ github.workspace }}/${{ env.SERVICE_NAME }}/
       - name: Docker meta
         id: docker_meta
-        uses: docker/metadata-action@v4
+        uses: docker/metadata-action@v5
         with:
           images: ${{ secrets.DOCKER_HUB_USERNAME }}/${{ env.SERVICE_NAME }}
           tags: |
             type=semver,pattern={{major}}.{{minor}}.{{patch}}
             type=semver,pattern={{major}}.{{minor}}
       - name: Login to DockerHub
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKER_HUB_USERNAME }}
           password: ${{ secrets.DOCKER_HUB_PASSWORD }}
@@ -191,7 +191,7 @@ jobs:
           body: "Changelog can be found [here](${{ needs.update_changelog.outputs.CHANGE_LOG_URL }})."
       - name: Build and push
         id: docker_build
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v5
         with:
           context: ${{ github.workspace }}/${{ env.SERVICE_NAME }}
           tags: ${{ steps.docker_meta.outputs.tags }}
diff --git a/.talismanrc b/.talismanrc
index f2160478..d4f88ba4 100644
--- a/.talismanrc
+++ b/.talismanrc
@@ -112,7 +112,7 @@ fileignoreconfig:
 - filename: frontend/mock-data/data.json
   checksum: 4baf61952ab3261089ae57c7a91f920e4cb8c67425d99861b7cbff6a1eaec60e
 - filename: frontend/package-lock.json
-  checksum: 997a5e078f7bfc123eba574148a831d8d3e674d5866bec19f10595b628393d78
+  checksum: d05d2965155ef718d1094fc5032d5c45f559b03c48ef02546fcbeef2e68ae077
 - filename: frontend/src/components/Dashboard.vue
   checksum: 55c522358eb8c8cdd66b948f52d837d7f092c9416df3a2b01284a805c1900b0e
 - filename: frontend/src/components/GridCell.vue
diff --git a/frontend/__tests__/components/__snapshots__/DashboardHeader.test.js.snap b/frontend/__tests__/components/__snapshots__/DashboardHeader.test.js.snap
index 0a6ef3d2..a4e1765d 100644
--- a/frontend/__tests__/components/__snapshots__/DashboardHeader.test.js.snap
+++ b/frontend/__tests__/components/__snapshots__/DashboardHeader.test.js.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<DashboardHeader /> > should render dashboard header for Code Standard Violations 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; transition: none;">
       <!---->
@@ -38,7 +38,7 @@ exports[`<DashboardHeader /> > should render dashboard header for Code Standard
 `;
 
 exports[`<DashboardHeader /> > should render dashboard header for Exposed Secrets 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; transition: none;">
       <!---->
@@ -75,7 +75,7 @@ exports[`<DashboardHeader /> > should render dashboard header for Exposed Secret
 `;
 
 exports[`<DashboardHeader /> > should render dashboard header for Workflow Jobs 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; transition: none;">
       <!---->
diff --git a/frontend/__tests__/components/__snapshots__/DividerWithText.test.js.snap b/frontend/__tests__/components/__snapshots__/DividerWithText.test.js.snap
index 5eb22a53..2133323c 100644
--- a/frontend/__tests__/components/__snapshots__/DividerWithText.test.js.snap
+++ b/frontend/__tests__/components/__snapshots__/DividerWithText.test.js.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<DividerWithText /> > should render with default thickness 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-row align-center my-3">
       <div class="v-col v-col-5">
@@ -17,7 +17,7 @@ exports[`<DividerWithText /> > should render with default thickness 1`] = `
 `;
 
 exports[`<DividerWithText /> > should render with given thickness 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-row align-center my-3">
       <div class="v-col v-col-5">
diff --git a/frontend/__tests__/components/__snapshots__/WorkflowDashboard.test.js.snap b/frontend/__tests__/components/__snapshots__/WorkflowDashboard.test.js.snap
index 61e8519e..f41252f2 100644
--- a/frontend/__tests__/components/__snapshots__/WorkflowDashboard.test.js.snap
+++ b/frontend/__tests__/components/__snapshots__/WorkflowDashboard.test.js.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<WorkflowDashboard /> > No contents > should show no contents when there is no job available 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; transition: none; left: 0px; width: calc(100% - 0px - 0px);">
@@ -89,7 +89,7 @@ exports[`<WorkflowDashboard /> > No contents > should show no contents when ther
 `;
 
 exports[`<WorkflowDashboard /> > should display hidden jobs when user clicks on show 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -250,7 +250,7 @@ exports[`<WorkflowDashboard /> > should display hidden jobs when user clicks on
 `;
 
 exports[`<WorkflowDashboard /> > should hide job details depends previous config 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -364,7 +364,7 @@ exports[`<WorkflowDashboard /> > should hide job details depends previous config
 `;
 
 exports[`<WorkflowDashboard /> > should hide job details when user clicks on hide icon 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -490,7 +490,7 @@ exports[`<WorkflowDashboard /> > should hide job details when user clicks on hid
 `;
 
 exports[`<WorkflowDashboard /> > should hide job details when user clicks on hide icon 2`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -604,7 +604,7 @@ exports[`<WorkflowDashboard /> > should hide job details when user clicks on hid
 `;
 
 exports[`<WorkflowDashboard /> > should not remove hidden jobs toolbar when hidden jobs available 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -765,7 +765,7 @@ exports[`<WorkflowDashboard /> > should not remove hidden jobs toolbar when hidd
 `;
 
 exports[`<WorkflowDashboard /> > should put hidden jobs to normal job list when user clicks on hide icon 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -891,7 +891,7 @@ exports[`<WorkflowDashboard /> > should put hidden jobs to normal job list when
 `;
 
 exports[`<WorkflowDashboard /> > should render dashboard with all job details 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; left: 0px; width: calc(100% - 0px - 0px);">
@@ -1017,7 +1017,7 @@ exports[`<WorkflowDashboard /> > should render dashboard with all job details 1`
 `;
 
 exports[`<WorkflowDashboard /> > should render spinner while fetching data 1`] = `
-<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr" style="z-index: 1000;">
+<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
   <div class="v-application__wrap">
     <div class="v-container v-container--fluid v-locale--is-ltr" id="workflows-dashboard">
       <header class="v-toolbar v-toolbar--density-default elevation-5 v-theme--light v-locale--is-ltr v-app-bar" style="top: 0px; z-index: 1004; transform: translateY(0%); position: fixed; transition: none;">
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 81b924e7..ea7a37f3 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -11,7 +11,7 @@
         "@mdi/font": "^7.2.96",
         "vue": "^3.3.4",
         "vue-router": "^4.2.5",
-        "vuetify": "^3.3.16"
+        "vuetify": "^3.3.19"
       },
       "devDependencies": {
         "@mockoon/cli": "^4.1.0",
@@ -7966,9 +7966,9 @@
       }
     },
     "node_modules/vuetify": {
-      "version": "3.3.16",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.16.tgz",
-      "integrity": "sha512-vVfUroT5lSU+yOZAf7JlGm2j3dCR4BQml8Al27+/Uh0YW+97/CyUqOzo6IzMCt/bXLvnRerJ5fCAJtQYWnwfLA==",
+      "version": "3.3.19",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.19.tgz",
+      "integrity": "sha512-6/byccc79pq2LmveSgte/AXqyEXkq3aFMxKMwoizsDzDPH4vz/44wRx0+TxhiDk4+n8WOhMa2VlXq1xsJIi1HA==",
       "engines": {
         "node": "^12.20 || >=14.13"
       },
@@ -14116,9 +14116,9 @@
       }
     },
     "vuetify": {
-      "version": "3.3.16",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.16.tgz",
-      "integrity": "sha512-vVfUroT5lSU+yOZAf7JlGm2j3dCR4BQml8Al27+/Uh0YW+97/CyUqOzo6IzMCt/bXLvnRerJ5fCAJtQYWnwfLA==",
+      "version": "3.3.19",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.3.19.tgz",
+      "integrity": "sha512-6/byccc79pq2LmveSgte/AXqyEXkq3aFMxKMwoizsDzDPH4vz/44wRx0+TxhiDk4+n8WOhMa2VlXq1xsJIi1HA==",
       "requires": {}
     },
     "w3c-xmlserializer": {
diff --git a/frontend/package.json b/frontend/package.json
index 4d6f6f5d..0ddf181f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,7 +16,7 @@
     "@mdi/font": "^7.2.96",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5",
-    "vuetify": "^3.3.16"
+    "vuetify": "^3.3.19"
   },
   "devDependencies": {
     "@mockoon/cli": "^4.1.0",