diff --git a/src/Plugin.ts b/src/Plugin.ts
index aff39e1..69a7a61 100644
--- a/src/Plugin.ts
+++ b/src/Plugin.ts
@@ -101,19 +101,23 @@ export class Plugin extends PluginBase<PluginTypes> {
 
     const container = createDiv();
     setTooltip(container, file.path);
-    if (parentStr) {
-      container.appendText(parentStr);
-      if (this.settings.shouldDisplayParentPathOnSeparateLine) {
-        container.createEl('br');
-      } else {
-        container.createSpan({ prepend: this.settings.shouldReversePathParts, text: pathSeparator });
-      }
-    }
     container.createSpan({
-      cls: this.settings.shouldHighlightFileName ? 'backlink-full-path file-name' : '',
-      prepend: this.settings.shouldReversePathParts && !this.settings.shouldDisplayParentPathOnSeparateLine,
+      cls: ['backlink-full-path', 'file-name', ...(this.settings.shouldHighlightFileName ? ['file-name-highlighted'] : [''])],
       text: fileNamePart
     });
+
+    if (parentStr) {
+      let text = parentStr;
+      if (!this.settings.shouldDisplayParentPathOnSeparateLine) {
+        text = this.settings.shouldReversePathParts ? pathSeparator + text : text + pathSeparator;
+      }
+      container.createSpan({
+        cls: ['backlink-full-path', 'parent-path', ...(this.settings.shouldDisplayParentPathOnSeparateLine ? ['separate-line'] : [])],
+        prepend: !this.settings.shouldReversePathParts && !this.settings.shouldDisplayParentPathOnSeparateLine,
+        text
+      });
+    }
+
     return container;
   }
 
diff --git a/src/styles/main.scss b/src/styles/main.scss
index be853c3..d967bae 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -1,6 +1,9 @@
 .backlink-full-path {
-  &.file-name {
+  &.file-name.file-name-highlighted {
     font-size: var(--font-ui-large);
     font-weight: bold;
   }
+  &.parent-path.separate-line {
+    display: block;
+  }
 }