diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index 2849f73d..4e311670 100644
--- a/source/_layouts/post.html.twig
+++ b/source/_layouts/post.html.twig
@@ -12,8 +12,8 @@
                     <a class="inline py-2" href="{{ site.url }}/blog">Blog</a>
                      {% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
                 </li>
-                <li class="list-reset flex">
-                    <span class="inline py-2">{{ page.title }}</span>
+                <li class="list-reset flex truncate">
+                    <span class="inline py-2 truncate">{{ page.title }}</span>
                 </li>
             </ul>
         </div>
diff --git a/source/_layouts/talk.html.twig b/source/_layouts/talk.html.twig
index 66b2d165..aed42cb8 100644
--- a/source/_layouts/talk.html.twig
+++ b/source/_layouts/talk.html.twig
@@ -12,8 +12,8 @@
                     <a class="inline py-2" href="{{ site.url }}/talks">Talks</a>
                      {% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
                 </li>
-                <li class="list-reset flex">
-                    <span class="inline py-2">{{ page.title }}</span>
+                <li class="list-reset flex truncate">
+                    <span class="inline py-2 truncate">{{ page.title }}</span>
                 </li>
             </ul>
         </div>
diff --git a/source/talks-archive.html.twig b/source/talks-archive.html.twig
index a5765175..86b66044 100644
--- a/source/talks-archive.html.twig
+++ b/source/talks-archive.html.twig
@@ -23,8 +23,8 @@ talks:
                     <a class="inline py-2" href="{{ site.url }}/talks">Talks</a>
                      {% include "svg/chevron-right" with { class: 'text-grey-light mx-1', style: "height: 20px" } %}
                 </li>
-                <li class="list-reset flex">
-                    <span class="inline py-2">Archive</span>
+                <li class="list-reset flex truncate">
+                    <span class="inline py-2 truncate">Archive</span>
                 </li>
             </ul>
         </div>
@@ -37,4 +37,4 @@ talks:
     {% include "talks-table" with { talks: getPastTalks(data.talks, site.events) } %}
 
     <p>Upcoming talks can be found on the <a href="{{ site.url }}/talks">talks page</a>.</p>
-{% endblock %}
\ No newline at end of file
+{% endblock %}