diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss
index 4c75a264c5..efd5e80d3f 100644
--- a/public/scss/mixins.scss
+++ b/public/scss/mixins.scss
@@ -116,14 +116,15 @@
 	position: relative;
 	cursor: pointer;
 
-	&.line-clamp-#{$lines}::before {
-		content: '';
-		position: absolute;
-		top: calc(1.5em * ($lines - 2));
-		display: block;
-		width: 100%;
-		height: 3em;
-		background: linear-gradient(180deg, transparent 0, $body-bg 100%);
+	&.line-clamp-#{$lines} {
+		// Fallback for older browsers
+		display: -webkit-box;
+		-webkit-line-clamp: $lines;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+
+		mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
+		-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
 	}
 }
 
diff --git a/public/scss/skins.scss b/public/scss/skins.scss
index b963dca4da..05c67fd9f7 100644
--- a/public/scss/skins.scss
+++ b/public/scss/skins.scss
@@ -37,6 +37,10 @@
 	.text-secondary {
 		color: var(--bs-secondary-color) !important;
 	}
+
+	.btn-link {
+		background: $body-bg;
+	}
 }
 
 // fix minty buttons