diff --git a/handlers.go b/handlers.go
index c57e505..f06f202 100644
--- a/handlers.go
+++ b/handlers.go
@@ -18,14 +18,16 @@ import (
 )
 
 type Footer struct {
-	BuildDate string
-	BuildId   string
+	BuildDate    string
+	BuildId      string
+	BuildIdShort string
 }
 
 func makeFooter() Footer {
 	return Footer{
-		BuildDate: getBuildDate(),
-		BuildId:   getGitSHA(),
+		BuildDate:    getBuildDate(),
+		BuildId:      getGitSHA(),
+		BuildIdShort: getGitSHA()[0:7],
 	}
 }
 
diff --git a/static/style/footer.css b/static/style/footer.css
index 19ef0b6..8ec5fbf 100644
--- a/static/style/footer.css
+++ b/static/style/footer.css
@@ -1,6 +1,7 @@
 .footer {
     display: flex;
     justify-content: space-evenly;
+    flex-wrap: wrap;
     color: lightgray;
 }
 
diff --git a/templates/footer.html b/templates/footer.html
index 7e318d2..4f87f43 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -5,7 +5,7 @@
     </div>
     <div class="build-id">
         Build ID: <a
-            href="https://github.com/cwpearson/ytdlp-site/compare/{{.Footer.BuildId}}..master">{{.Footer.BuildId}}</a>
+            href="https://github.com/cwpearson/ytdlp-site/compare/{{.Footer.BuildId}}..master">{{.Footer.BuildIdShort}}</a>
     </div>
 </div>
 {{end}}