From 24019dded97db07c649c407a2df09e73fcd237fb Mon Sep 17 00:00:00 2001
From: Matt Roberts <roberts.mattroberts@gmail.com>
Date: Wed, 9 Oct 2024 10:17:55 +0100
Subject: [PATCH] Borders in the notifications modal

---
 public/assets/styles/utility/display.scss   | 4 ++++
 public/components/NotificationIndicator.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/assets/styles/utility/display.scss b/public/assets/styles/utility/display.scss
index 9ef74a062..30ca95ec8 100644
--- a/public/assets/styles/utility/display.scss
+++ b/public/assets/styles/utility/display.scss
@@ -183,6 +183,10 @@
   visibility: hidden;
 }
 
+.bt {
+  border-top: 1px solid;
+}
+
 .overflow-scroll {
   overflow: scroll;
 }
diff --git a/public/components/NotificationIndicator.tsx b/public/components/NotificationIndicator.tsx
index 92a6638c6..e2084809b 100644
--- a/public/components/NotificationIndicator.tsx
+++ b/public/components/NotificationIndicator.tsx
@@ -122,7 +122,7 @@ export const NotificationIndicator = () => {
             )}
             {recent !== undefined && recent?.length > 0 && (
               <>
-                <p className="text-subtitle px-4 mb-0 pt-4 bg-gray-50">
+                <p className="text-subtitle px-4 mb-0 pt-4 bg-gray-50 border-gray-200 bt">
                   <Trans id="modal.notifications.previous">Previous notifications</Trans>
                 </p>
                 <VStack spacing={0} className="py-2 bg-gray-50" divide={false}>