diff --git a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs
index bccb7ed2d62..2103b2ed673 100644
--- a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs
+++ b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs
@@ -31,11 +31,13 @@ export default class TopicMapLink extends Component {
data-clicks={{@clickCount}}
aria-label={{i18n "topic_map.clicks" count=@clickCount}}
>
- {{#if @title}}
- {{replaceEmoji this.truncatedContent}}
- {{else}}
- {{this.truncatedContent}}
- {{/if}}
+
+ {{#if @title}}
+ {{replaceEmoji this.truncatedContent}}
+ {{else}}
+ {{this.truncatedContent}}
+ {{/if}}
+
{{#if (and @title @rootDomain)}}
diff --git a/app/assets/stylesheets/common/components/topic-map.scss b/app/assets/stylesheets/common/components/topic-map.scss
index e758f463d03..6513b6d0a39 100644
--- a/app/assets/stylesheets/common/components/topic-map.scss
+++ b/app/assets/stylesheets/common/components/topic-map.scss
@@ -380,7 +380,7 @@ body:not(.archetype-private_message) {
grid-template-columns: auto 1fr;
grid-template-areas:
"counter link"
- ". domain";
+ "counter domain";
padding: 0.75em 1rem;
gap: 0.25em;
@@ -396,11 +396,18 @@ body:not(.archetype-private_message) {
}
.topic-link {
- grid-area: link;
+ display: contents;
+
+ .content {
+ grid-area: link;
+ }
}
.topic-link[data-clicks]::before {
@include click-counter-badge;
+ grid-area: counter;
+ align-self: start;
+ margin-top: 0.35em;
}
.topic-link[data-clicks]::after {