diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss
index 85f4236fce..673b8081fa 100644
--- a/public/scss/mixins.scss
+++ b/public/scss/mixins.scss
@@ -89,18 +89,22 @@
 	font-size: $font-size;
 }
 
-@mixin line-clamp($lines) {
+@mixin line-clamp($lines, $line-height: 1.5em) {
 	overflow: hidden;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: $lines;
 	white-space: initial;
-	max-height: calc(1.25em * $lines);
+	max-height: calc($line-height * $lines);
 }
 
 @for $i from 1 through 6 {
 	.line-clamp-#{$i} {
-		@include line-clamp($i);
+		@include line-clamp($i, #{$line-height-base}em);
+	}
+	// use with elements that have `lh-sm` applied
+	.line-clamp-sm-#{$i} {
+		@include line-clamp($i, #{$line-height-sm}em);
 	}
 }