Bug 1552888 - Typography and padding adjustments (#5059)

3 files changed, 6 insertions, 2 deletions

diff --git a/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss b/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss
index 1b9d3972..5a7b50db 100644
--- a/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss
+++ b/content-src/components/DiscoveryStreamComponents/CardGrid/_CardGrid.scss
@@ -66,6 +66,10 @@ $col4-header-font-size: 14;
         font-size: 17px;
         line-height: 24px;
       }
+
+      .excerpt {
+        @include limit-visibile-lines(3, 24, 15);
+      }
     }
 
     &.ds-card-grid-divisible-by-4 .title {
diff --git a/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss b/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
index 3773c075..6993db70 100644
--- a/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
+++ b/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
@@ -82,7 +82,7 @@ $excerpt-line-height: 20;
   .meta {
     display: flex;
     flex-direction: column;
-    padding: 12px;
+    padding: 12px 16px;
 
     .info-wrap {
       flex-grow: 1;
diff --git a/content-src/components/DiscoveryStreamComponents/Hero/_Hero.scss b/content-src/components/DiscoveryStreamComponents/Hero/_Hero.scss
index 3903c1f7..f92cdc71 100644
--- a/content-src/components/DiscoveryStreamComponents/Hero/_Hero.scss
+++ b/content-src/components/DiscoveryStreamComponents/Hero/_Hero.scss
@@ -14,7 +14,7 @@ $card-header-in-hero-line-height: 20;
   }
 
   .excerpt {
-    @include limit-visibile-lines(3, 20, 14);
+    @include limit-visibile-lines(3, 24, 15);
     @include dark-theme-only {
       color: $grey-10;
     }