From 8e081822c33ebdadac5932d1ef075c4e1095ec3b Mon Sep 17 00:00:00 2001
From: Stephan Meijer <stephan.meijer@gmail.com>
Date: Fri, 6 Sep 2024 13:53:38 +0200
Subject: [PATCH] fix: ensure that category doesn't hide in scroll padding
 (#371)

---
 .changeset/heavy-swans-bathe.md                             | 6 ++++++
 .../UserPreferencesPanel/PreferencesCategories.tsx          | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/heavy-swans-bathe.md

diff --git a/.changeset/heavy-swans-bathe.md b/.changeset/heavy-swans-bathe.md
new file mode 100644
index 000000000..310e7f65f
--- /dev/null
+++ b/.changeset/heavy-swans-bathe.md
@@ -0,0 +1,6 @@
+---
+'@magicbell/magicbell-react': patch
+'@magicbell/embeddable': patch
+---
+
+make sure that last category in notification preferences can be scrolled to
diff --git a/packages/react/src/components/UserPreferencesPanel/PreferencesCategories.tsx b/packages/react/src/components/UserPreferencesPanel/PreferencesCategories.tsx
index e4a6aa9e6..35d9632b3 100644
--- a/packages/react/src/components/UserPreferencesPanel/PreferencesCategories.tsx
+++ b/packages/react/src/components/UserPreferencesPanel/PreferencesCategories.tsx
@@ -65,7 +65,6 @@ export default function PreferencesCategories({
     <div
       css={css`
         flex: 1;
-        padding: 16px 20px !important;
         height: 100%;
         overflow-y: auto;
       `}
@@ -75,6 +74,7 @@ export default function PreferencesCategories({
           display: grid;
           gap: 1em;
           grid-template-columns: 2fr ${' 1fr'.repeat(channelHeaders.length).trim()};
+          padding: 16px 20px !important;
         `}
       >
         <div />