fix: ensure that category doesn't hide in scroll padding (#371)

magicbell · Sep 6, 2024 · 8e08182 · 8e08182
1 parent 3172d78
commit 8e08182
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/heavy-swans-bathe.md 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
@@ -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 />