diff --git a/docs/creating-your-site.md b/docs/creating-your-site.md
index 0b1ada2a6..1168109b0 100644
--- a/docs/creating-your-site.md
+++ b/docs/creating-your-site.md
@@ -66,6 +66,7 @@ theme:
               "yaml.customTags": [ // (1)!
                 "!ENV scalar",
                 "!ENV sequence",
+                "!relative scalar",
                 "tag:yaml.org,2002:python/name:material.extensions.emoji.to_svg",
                 "tag:yaml.org,2002:python/name:material.extensions.emoji.twemoji",
                 "tag:yaml.org,2002:python/name:pymdownx.superfences.fence_code_format"
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 -->