From e6269190bae3fc1028feb4c857d9fda2db5d0058 Mon Sep 17 00:00:00 2001
From: Cory Lown <corylown@stanford.edu>
Date: Wed, 22 Jan 2025 09:56:07 -0500
Subject: [PATCH] Set browse card border and radius with bootstrap variables

---
 app/assets/stylesheets/modules/spotlight_overrides.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/modules/spotlight_overrides.scss b/app/assets/stylesheets/modules/spotlight_overrides.scss
index f78079b33..0011cc32f 100644
--- a/app/assets/stylesheets/modules/spotlight_overrides.scss
+++ b/app/assets/stylesheets/modules/spotlight_overrides.scss
@@ -35,6 +35,12 @@ body {
   }
 }
 
+// TODO: Needed until we update to spotlight v5 that includes these styles.
+.browse-landing .image-overlay {
+  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
+  border-radius: var(--bs-border-radius);
+}
+
 // Adjust size of page titles, headings, etc.
 .page-title,
 .page-header {