diff --git a/resources/com/google/gitiles/static/base.css b/resources/com/google/gitiles/static/base.css
index 7653f84..3ec4b5d 100644
--- a/resources/com/google/gitiles/static/base.css
+++ b/resources/com/google/gitiles/static/base.css
@@ -160,6 +160,13 @@
   font-size: 18px;
   margin-bottom: 20px;
 }
+.Breadcrumbs-sep::before, .Breadcrumbs-sep::after {
+  content: " ";
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
 .Breadcrumbs-crumb {
   color: #00e;
 }
diff --git a/resources/com/google/gitiles/templates/Common.soy b/resources/com/google/gitiles/templates/Common.soy
index 6df4e43..b5b1d29 100644
--- a/resources/com/google/gitiles/templates/Common.soy
+++ b/resources/com/google/gitiles/templates/Common.soy
@@ -78,7 +78,7 @@
       {if $breadcrumbs && length($breadcrumbs)}
         <div class="Breadcrumbs">
           {for $entry, $index in $breadcrumbs}
-            {if $index > 0}{sp}/{sp}{/if}
+            {if $index > 0}<span class="Breadcrumbs-sep">/</span>{/if}
             {if $index  < length($breadcrumbs) - 1}
               <a class="Breadcrumbs-crumb" href="{$entry.url}">{$entry.text}</a>
             {else}