diff --git a/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr b/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
index 2257a669cbb..df1e710062b 100644
--- a/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
+++ b/app/assets/javascripts/discourse/app/templates/list/topic-excerpt.hbr
@@ -1,8 +1,8 @@
 {{#if topic.hasExcerpt}}
-  <div class="topic-excerpt">
+  <a href="{{topic.url}}" class="topic-excerpt">
     {{dir-span topic.escapedExcerpt}}
     {{#if topic.excerptTruncated}}
-      <a href="{{topic.url}}">{{i18n 'read_more'}}</a>
+      <span class="topic-excerpt-more">{{i18n 'read_more'}}</span>
     {{/if}}
-  </div>
+  </a>
 {{/if}}
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 6baaf05f585..0c2a4fab0a5 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -546,9 +546,14 @@ td .main-link {
   // so the topic excerpt is full width
   // as the containing div is 80%
   .topic-excerpt {
+    display: block;
     padding-right: 0;
     width: 120%;
   }
+
+  .topic-excerpt-more {
+    color: var(--tertiary);
+  }
 }
 
 .category-list.with-topics .category-list-item .category-description {