fix(pillrow): spacing with right edge of viewport

owid · Apr 12, 2024 · 05b153f · 05b153f
1 parent 89b558e
commit 05b153f
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/site/gdocs/components/PillRow.scss b/site/gdocs/components/PillRow.scss
@@ -18,9 +18,10 @@
         flex-wrap: nowrap;
     }
     .article-block__pill {
-        &:not(:last-child) {
-            margin-right: 8px;
-        }
+        // margin-right is not visible on the last pill when overflowing, which
+        // causes the pill to be flush with the edge of the viewport.
+        // Using padding-right instead to work around this.
+        padding-right: 8px;
         a {
             color: $blue-100;
             background-color: #fff;