diff --git a/static/css/theme.css b/static/css/theme.css
index e0608bcf87..84d08669cf 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -991,6 +991,11 @@ span.nav i{
     white-space: nowrap;
     width: calc(100% - 4*3.25rem);
 }
+@media only all and (max-width: 47.938em) {
+    #body #breadcrumbs {
+        text-overflow: unset;
+    }
+}
 
 #sidebar-toggle-span {
     display: none;
@@ -1012,6 +1017,14 @@ span.nav i{
     display: inline;
     padding: 0 .75rem;
 }
+@media only all and (max-width: 47.938em) {
+    #body #breadcrumbs .links {
+        /* we just hide the breadcrumbs instead of display: none;
+        this makes sure that the breadcrumbs are still usable for
+        accessability */
+        visibility: hidden;
+    }
+}
 
 #body #breadcrumbs .links * {
     display: inline-block;