diff --git a/assets/style.scss b/assets/style.scss
index acb28e8..2a62375 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -92,25 +92,20 @@ a:active {
     //display: inline;
 
     ol {
-      //display: inline;
       display: flex;
-      margin: 0;
       padding: 0;
     }
 
     li {
       display: flex;
-      margin: 0;
-      padding: 0;
     }
 
-    li:not(:last-child)::after {
+    li:not(:first-child)::before {
       content: "/";
     }
 
-    a {
-      margin: 0;
-      padding: 0;
+    li.file {
+      opacity: 0;
     }
 }
 
diff --git a/layouts/_partials/breadcrumb.html b/layouts/_partials/breadcrumb.html
index 4a6780c..46b3ffa 100644
--- a/layouts/_partials/breadcrumb.html
+++ b/layouts/_partials/breadcrumb.html
@@ -4,11 +4,11 @@
     <ol>
       {{ range .Ancestors.Reverse }}
         <li>
-          <a class="ancestor" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+          <a class="ancestor" href="{{ .RelPermalink }}" title="{{ .Title }}">{{ .LinkTitle }}</a>
         </li>
       {{ end }}
-      <li class="active">
-        <a aria-current="page" href="">{{ .LinkTitle }}</a>
+      <li class="active {{ cond .IsNode "directory" "file" }}">
+        <a aria-current="page" href="" title="{{ .Title }}">{{ .LinkTitle }}</a>
       </li>
     </ol>
   </nav>