diff --git a/material/templates/partials/toc-item.html b/material/templates/partials/toc-item.html
index c83972729..f505153f5 100644
--- a/material/templates/partials/toc-item.html
+++ b/material/templates/partials/toc-item.html
@@ -3,7 +3,9 @@
 -#}
 <li class="md-nav__item">
   <a href="{{ toc_item.url }}" class="md-nav__link">
-    {{ toc_item.title }}
+    <span class="md-ellipsis">
+      {{ toc_item.title }}
+    </span>
   </a>
   {% if toc_item.children %}
     <nav class="md-nav" aria-label="{{ toc_item.title | striptags }}">
diff --git a/src/templates/partials/toc-item.html b/src/templates/partials/toc-item.html
index 1af82c564..5cc0f4f38 100644
--- a/src/templates/partials/toc-item.html
+++ b/src/templates/partials/toc-item.html
@@ -23,7 +23,9 @@
 <!-- Table of contents item -->
 <li class="md-nav__item">
   <a href="{{ toc_item.url }}" class="md-nav__link">
-    {{ toc_item.title }}
+    <span class="md-ellipsis">
+      {{ toc_item.title }}
+    </span>
   </a>
 
   <!-- Table of contents list -->