diff --git a/src/Foundation.hs b/src/Foundation.hs
index 95033a6d4..d344ff6bd 100644
--- a/src/Foundation.hs
+++ b/src/Foundation.hs
@@ -465,7 +465,7 @@ instance Yesod UniWorX where
             hasPageActions = any isPageActionPrime menuTypes
 
         pc <- widgetToPageContent $ do
-            addStylesheetRemote "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,800,900"
+            addStylesheetRemote "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,800,900|Roboto:300,400,600"
             addScript $ StaticR js_zepto_js
             addScript $ StaticR js_fetchPolyfill_js
             addScript $ StaticR js_urlPolyfill_js
diff --git a/templates/widgets/breadcrumbs.lucius b/templates/widgets/breadcrumbs.lucius
index d6407b59e..d74dddeec 100644
--- a/templates/widgets/breadcrumbs.lucius
+++ b/templates/widgets/breadcrumbs.lucius
@@ -1,13 +1,14 @@
 .breadcrumbs__container {
   position: relative;
-  color: white;
-  z-index: 10;
   align-self: flex-end;
-  margin-bottom: 10px;
-  transition: margin-bottom .2s ease;
+  background-color: var(--color-dark);
+  color: white;
   margin-left: -40px;
   margin-right: -40px;
-  background-color: var(--color-dark);
+  margin-bottom: 10px;
+  padding-left: 30px;
+  transition: margin-bottom .2s ease;
+  z-index: 10;
 }
 .breadcrumbs__container--animated {
   transition: left .2s ease;
@@ -22,9 +23,11 @@
   padding-right: 4px;
   position: relative;
   line-height: 28px;
+  --color-bg-odd: var(--color-dark);
+  --color-bg-even: var(--color-primary);
 
   &:nth-child(even) {
-    background-color: var(--color-light);
+    background-color: var(--color-bg-even);
   }
 
   &:first-child {
@@ -32,26 +35,26 @@
   }
 
   &:nth-child(even) {
-    background-color: var(--color-light);
+    background-color: var(--color-bg-even);
 
     &::before {
-      border-left-color: var(--color-primary) !important;
+      border-left-color: var(--color-bg-odd) !important;
     }
 
     &::after {
-      border-left-color: var(--color-light) !important;
+      border-left-color: var(--color-bg-even) !important;
     }
   }
 
   &:nth-child(odd) {
-    background-color: var(--color-primary);
+    background-color: var(--color-bg-odd);
 
     &::before {
-      border-left-color: var(--color-light) !important;
+      border-left-color: var(--color-bg-even) !important;
     }
 
     &::after {
-      border-left-color: var(--color-primary) !important;
+      border-left-color: var(--color-bg-odd) !important;
     }
   }