diff --git a/src/_h5ai/public/css/inc/ext/crumb.less b/src/_h5ai/public/css/inc/ext/crumb.less
index 24a1216e..7e27c221 100644
--- a/src/_h5ai/public/css/inc/ext/crumb.less
+++ b/src/_h5ai/public/css/inc/ext/crumb.less
@@ -32,6 +32,9 @@
         display: inline-block;
         vertical-align: top;
     }
+    .crumb:first-of-type .sep {
+        width: 0;
+    }
     .label {
         line-height: 48px;
         display: inline-block;
diff --git a/src/_h5ai/public/js/inc/ext/crumb.js b/src/_h5ai/public/js/inc/ext/crumb.js
index 06f04173..51ec4b99 100644
--- a/src/_h5ai/public/js/inc/ext/crumb.js
+++ b/src/_h5ai/public/js/inc/ext/crumb.js
@@ -20,10 +20,6 @@ modulejs.define('ext/crumb', ['_', '$', 'core/event', 'core/location', 'core/res
 
         $html.find('.label').text(item.label);
 
-        if (item.isDomain() || item.isRoot()) {
-            $html.find('.sep').width(0);
-        }
-
         if (item.isCurrentFolder()) {
             $html.addClass('active');
         }