diff --git a/public/src/client/world.js b/public/src/client/world.js
index faa9de0310..bdbc1dbb32 100644
--- a/public/src/client/world.js
+++ b/public/src/client/world.js
@@ -218,6 +218,7 @@ define('forum/world', [
 		feedEl.querySelectorAll('[component="post/content"]').forEach((el) => {
 			if (el.clientHeight < el.scrollHeight - 1) {
 				el.parentNode.querySelector('[component="show/more"]').classList.remove('hidden');
+				el.classList.toggle('clamp-fade-6', true);
 			}
 		});
 
diff --git a/src/views/partials/feed/item.tpl b/src/views/partials/feed/item.tpl
index 0c6f7ae919..164cccdad9 100644
--- a/src/views/partials/feed/item.tpl
+++ b/src/views/partials/feed/item.tpl
@@ -54,12 +54,12 @@
 				</div>
 			</div>
 
-			<div component="post/content" class="content text-sm text-break position-relative line-clamp-6 clamp-fade-6">
+			<div component="post/content" class="content text-sm text-break position-relative line-clamp-6">
 				<a href="{config.relative_path}/post/{./pid}" class="stretched-link"></a>
 				{./content}
 			</div>
-			<div class="position-relative hover-visible">
-				<button component="show/more" class="btn btn-light btn-sm rounded-pill position-absolute start-50 translate-middle-x bottom-0 z-1 hidden ff-secondary">[[world:see-more]]</button>
+			<div class="position-relative">
+				<button component="show/more" class="btn btn-link btn-sm fw-semibold position-absolute start-50 translate-middle-x bottom-0 z-1 hidden ff-secondary text-secondary">[[world:see-more]]</button>
 			</div>
 			<hr class="my-2"/>
 			<div class="d-flex justify-content-between">