diff --git a/packages/docs/src/components/app/CommitBtn.vue b/packages/docs/src/components/app/CommitBtn.vue
index 0bc95a7cc8c..86a8595b6ed 100644
--- a/packages/docs/src/components/app/CommitBtn.vue
+++ b/packages/docs/src/components/app/CommitBtn.vue
@@ -1,10 +1,10 @@
 <template>
   <v-btn
-    v-if="commits.latest"
     :href="`https://github.com/vuetifyjs/vuetify/commit/${commits.latest?.sha}`"
-    :text="commits.latest?.sha?.slice(0, 7)"
+    :prepend-icon="commits.latest ? 'mdi-source-commit' : undefined"
+    :readonly="!commits.latest"
+    :text="commits.latest?.sha.slice(0, 7)"
     class="text-caption"
-    prepend-icon="mdi-source-commit"
     rel="noopener noreferrer"
     size="small"
     target="_blank"
diff --git a/packages/docs/src/components/app/settings/LatestCommit.vue b/packages/docs/src/components/app/settings/LatestCommit.vue
index 5a0555d7b7d..855b02518f1 100644
--- a/packages/docs/src/components/app/settings/LatestCommit.vue
+++ b/packages/docs/src/components/app/settings/LatestCommit.vue
@@ -3,7 +3,7 @@
     v-if="commits.latest"
     :href="`https://github.com/vuetifyjs/vuetify/commit/${commits.latest?.sha}`"
     :label="t('latest-commit')"
-    :title="commits.latest?.sha?.slice(0, 7)"
+    :title="commits.latest?.sha.slice(0, 7)"
     append-icon="mdi-open-in-new"
     min-width="90"
     prepend-icon="mdi-source-commit"
diff --git a/packages/docs/src/stores/commits.ts b/packages/docs/src/stores/commits.ts
index d3edc4ade64..e40af371bd0 100644
--- a/packages/docs/src/stores/commits.ts
+++ b/packages/docs/src/stores/commits.ts
@@ -4,7 +4,6 @@ import type { components as octokitComponents } from '@octokit/openapi-types'
 export type Commit = octokitComponents['schemas']['commit']
 
 export type State = {
-  latest: Commit | null
   commits: Commit[]
   isLoading: boolean
 }
@@ -13,7 +12,6 @@ const url = import.meta.env.VITE_API_SERVER_URL
 
 export const useCommitsStore = defineStore('commits', {
   state: (): State => ({
-    latest: null,
     commits: [] as Commit[],
     isLoading: false,
   }),
@@ -23,7 +21,7 @@ export const useCommitsStore = defineStore('commits', {
       this.isLoading = true
 
       try {
-        this.latest = await fetch(`${url}/github/commits`, {
+        this.commits = await fetch(`${url}/github/commits`, {
           method: 'GET',
           credentials: 'include',
         }).then(res => res.json())
@@ -34,4 +32,10 @@ export const useCommitsStore = defineStore('commits', {
       this.isLoading = false
     },
   },
+
+  getters: {
+    latest (state) {
+      return state.commits[0]
+    },
+  },
 })