From 02640a47f9f257dd8316284566313bfd2d4acdd6 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Fri, 25 Oct 2024 09:59:13 -0500
Subject: [PATCH] Merge pull request #21386 from
 overleaf/jel-gallery-related-tags

[web] Use standard badge link CSS on related tags

GitOrigin-RevId: 6efe8add61e677c83fc3983cf7a7c9a1ac95b33c
---
 .../bootstrap-5/components/badge.scss           |  1 +
 .../bootstrap-5/pages/templates-v2.scss         | 17 ++++-------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss
index bcc94f62d1..df1926cdb9 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss
@@ -122,5 +122,6 @@ $max-width: 160px;
   gap: var(--spacing-05);
   flex-wrap: wrap;
   list-style: none;
+  margin: 0;
   padding: 0;
 }
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
index 6883c4f001..df4828a9ba 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -364,9 +364,7 @@
 
   .related-tags {
     margin-top: var(--spacing-09);
-    padding: 0 var(--spacing-05);
-    gap: var(--spacing-05);
-    max-height: 60px;
+    max-height: 61px;
     overflow: hidden;
 
     &.all-tags {
@@ -376,17 +374,10 @@
       // when Show More is clicked
       min-height: 102px;
     }
-  }
 
-  .tag-badge {
-    max-width: 200px;
-  }
-
-  .tag-link {
-    text-decoration: none;
-    color: inherit;
-
-    @include body-sm;
+    .badge-link {
+      max-width: 200px;
+    }
   }
 
   .show-more-tags {