From 8ed943d03e147a7e724abaf61594116e4c4cbad6 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro.celaya@hypothes.is>
Date: Wed, 15 Jan 2025 14:13:21 +0100
Subject: [PATCH] Add rounded borders to moderation banner

---
 src/sidebar/components/ModerationBanner.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/sidebar/components/ModerationBanner.tsx b/src/sidebar/components/ModerationBanner.tsx
index 85c3834e5a4..b5eed1d5fc0 100644
--- a/src/sidebar/components/ModerationBanner.tsx
+++ b/src/sidebar/components/ModerationBanner.tsx
@@ -68,6 +68,8 @@ function ModerationBanner({
     <div
       className={classnames(
         'flex gap-x-3 bg-grey-1 text-color-text font-semibold',
+        // Match the card's border radius and hide overflow
+        'rounded-t-lg overflow-hidden',
         // FIXME: Refactor margins: where possible manage them in a parent
         'mb-2 ',
         {