diff --git a/src/components/DefaultLayout.tsx b/src/components/DefaultLayout.tsx
index e25d887cb3dc5d0a0277635a88648857db3422e3..4c6f56a2b2f67103f7d461b12b3169d0dbefa8f6 100644
--- a/src/components/DefaultLayout.tsx
+++ b/src/components/DefaultLayout.tsx
@@ -621,17 +621,20 @@ function Footer({ status }: { status?: GetStatusResponse }) {
                                     "https://git.fsmpi.rwth-aachen.de/videoag/frontend/-/tree/" +
                                     (process.env.NEXT_PUBLIC_GIT_COMMIT_HASH ?? "live_production")
                                 }
+                                title={process.env.NEXT_PUBLIC_GIT_COMMIT_HASH ?? "unknown"}
                             >
-                                {process.env.NEXT_PUBLIC_GIT_COMMIT_HASH ?? "unknown"}
+                                {process.env.NEXT_PUBLIC_GIT_COMMIT_HASH?.substring(0, 8) ??
+                                    "unknown"}
                             </a>
                             ; Back:{" "}
                             <a
                                 href={
                                     "https://git.fsmpi.rwth-aachen.de/videoag/backend_api/-/tree/" +
-                                    (status?.git_commit_hash ?? "live_production")
+                                    (status?.git_commit_hash ?? "main")
                                 }
+                                title={status?.git_commit_hash ?? "unknown"}
                             >
-                                {status?.git_commit_hash ?? "unknown"}
+                                {status?.git_commit_hash?.substring(0, 8) ?? "unknown"}
                             </a>
                             , {status?.status ?? "unknown"}
                         </div>