diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css
index aec9fd1..ea37ab1 100644
--- a/viewer/static/css/styles.css
+++ b/viewer/static/css/styles.css
@@ -152,6 +152,14 @@ body {
     white-space: nowrap;
 }
 
+.crumb-link-full {
+    color: var(--text);
+    text-decoration: none;
+    font-size: 15px;
+    max-width: 240px;
+    white-space: nowrap;
+}
+
 .crumb-link:hover {
     color: var(--accent);
 }
diff --git a/viewer/templates/image_view.html b/viewer/templates/image_view.html
index f7230f5..b990e84 100644
--- a/viewer/templates/image_view.html
+++ b/viewer/templates/image_view.html
@@ -112,7 +112,7 @@
                             {% if crumb.path %}
                                 <a href="{{ crumb.path }}" class="crumb-link">{{ crumb.label }}</a>
                             {% else %}
-                                <span class="crumb-link">{{ crumb.label }}</span>
+                                <span class="crumb-link-full">{{ crumb.label }}</span>
                             {% endif %}
                         {% endfor %}
                     </div>