diff --git a/core/includes/theme.inc b/core/includes/theme.inc
index cc29a98..aee6dec 100644
--- a/core/includes/theme.inc
+++ b/core/includes/theme.inc
@@ -1775,7 +1775,7 @@ function theme_breadcrumb($variables) {
     // Provide a navigational heading to give context for breadcrumb links to
     // screen-reader users. Make the heading invisible with .element-invisible.
     $output .= '<h2 class="element-invisible">' . t('You are here') . '</h2>';
-    $output .= '<ol><li>' . implode(' » </li><li>', $breadcrumb) . '</li></ol>';
+    $output .= '<ol><li>' . implode('</li><li>', $breadcrumb) . '</li></ol>';
     $output .= '</nav>';
   }
   return $output;
diff --git a/core/modules/system/system.theme.css b/core/modules/system/system.theme.css
index 343a4f8..dcb577d 100644
--- a/core/modules/system/system.theme.css
+++ b/core/modules/system/system.theme.css
@@ -313,6 +313,10 @@ ul.inline li {
   padding: 0;
 }
 
+.breadcrumb li:not(:last-child):after {
+  content: ' » ';
+}
+
 /**
  * Markup generated by theme_menu_local_tasks().
  */