diff --git a/src/components/homesections/homesections.css b/src/components/homesections/homesections.css
index 647a9500d4..45df67c482 100644
--- a/src/components/homesections/homesections.css
+++ b/src/components/homesections/homesections.css
@@ -8,4 +8,18 @@
     .homeLibraryButton {
         width: 46% !important;
     }
-}
\ No newline at end of file
+}
+
+.homeLibraryIcon {
+    margin-left: .5em;
+    margin-right: .5em;
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0
+}
+
+.homeLibraryText {
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    overflow: hidden
+}
diff --git a/src/components/homesections/homesections.js b/src/components/homesections/homesections.js
index c4f5d064b3..867fa117a0 100644
--- a/src/components/homesections/homesections.js
+++ b/src/components/homesections/homesections.js
@@ -235,7 +235,7 @@ define(['connectionManager', 'cardBuilder', 'appSettings', 'dom', 'apphost', 'la
                     break;
             }
 
-            html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><i class="md-icon">' + icon + '</i><span>' + item.Name + '</span></a>';
+            html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><i class="md-icon homeLibraryIcon">' + icon + '</i><span class="homeLibraryText">' + item.Name + '</span></a>';
         }
 
         html += '</div>';
diff --git a/src/css/material-icons/style.css b/src/css/material-icons/style.css
index eaedd1725d..2d410b9985 100644
--- a/src/css/material-icons/style.css
+++ b/src/css/material-icons/style.css
@@ -12,7 +12,6 @@
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
-    margin-right: 4px;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;