diff --git a/projects/frontend/src/components/shared/header-link.vue b/projects/frontend/src/components/shared/header-link.vue
index d3e8744..b0607ea 100644
--- a/projects/frontend/src/components/shared/header-link.vue
+++ b/projects/frontend/src/components/shared/header-link.vue
@@ -27,10 +27,12 @@ li.header-entry
     v-else-if='!sameSite'
     :href='entry.path'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
   router-link(
     v-else
     :to='{ name }'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
 </template>
diff --git a/projects/frontend/src/main.vue b/projects/frontend/src/main.vue
index a9b7433..1d452e5 100644
--- a/projects/frontend/src/main.vue
+++ b/projects/frontend/src/main.vue
@@ -153,8 +153,9 @@ onMounted(async () => {
         )
           router-link(
             :to='{ path: breadcrumb.href }'
-          ) {{ breadcrumb.caption }}
-          span /
+          ) 
+            span {{ breadcrumb.caption }}
+          span.spacer /
     #header-controls
       ThemePicker
   main(