1diff --git a/scss/main.scss b/scss/main.scss
 2index c438a906e17ffab32f1ce85550253e1b7ea74847..893e66c6a16cf2ed3b6b5f1ebcb2e3674efcc001 100644
 3--- a/scss/main.scss
 4+++ b/scss/main.scss
 5@@ -13,6 +13,8 @@ @import "bootstrap/scss/_maps.scss";
 6 @import "bootstrap/scss/_mixins.scss";
 7 @import "bootstrap/scss/_utilities.scss";
 8 
 9+$navbar-nav-link-padding-x: $spacer;
10+
11 // added component
12 @import "bootstrap/scss/_root.scss";
13 @import "bootstrap/scss/_containers.scss";
14@@ -123,6 +125,14 @@
15 pre {
16     display: grid;
17     overflow-x: auto;
18+}
19+
20+#name {
21+  text-overflow: ellipsis;
22+  overflow: hidden;
23+  white-space: nowrap;
24+  padding-left: $spacer;
25+  max-width: calc(100% - calc(2 * #{$spacer}));
26 }
27 
28 #about {
29diff --git a/templates/navbar.qtpl b/templates/navbar.qtpl
30index 56ce27651cf8ebdbd0f91da733e9abedc3a67d8d..68b1fd8a530198b17254ae7629bca5c82f1fb683 100644
31--- a/templates/navbar.qtpl
32+++ b/templates/navbar.qtpl
33@@ -40,7 +40,7 @@ {% endfunc %}
34 
35 {% func GitItemNav (name, ref string, s GitSelection) %}
36 <div class="row">
37-    <h3>{%s name %} {% if ref != "" && (s == Log || s == Tree)  %}@ {%s ref %}{% endif %}</h3>
38+    <h3 id="name">{%s name %} {% if ref != "" && (s == Log || s == Tree)  %}@ {%s ref %}{% endif %}</h3>
39 </div>
40 <div class="row">
41   <ul class="nav">
42diff --git a/templates/navbar.qtpl.go b/templates/navbar.qtpl.go
43index 6411b53ee169270e81992f0d426f688fa2033858..806df94d8b133cc246045e0bce8932bd569aefe5 100644
44--- a/templates/navbar.qtpl.go
45+++ b/templates/navbar.qtpl.go
46@@ -134,7 +134,7 @@ func StreamGitItemNav(qw422016 *qt422016.Writer, name, ref string, s GitSelection) {
47 //line navbar.qtpl:41
48 	qw422016.N().S(`
49 <div class="row">
50-    <h3>`)
51+    <h3 id="name">`)
52 //line navbar.qtpl:43
53 	qw422016.E().S(name)
54 //line navbar.qtpl:43