Fix: overflowing notification pager container border (#879)

Signed-off-by: davfsa <davfsa@gmail.com>
Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

src/components/menus/notifications/index.tsx

@@ -22,7 +22,7 @@ export default (): JSX.Element => {
                 curPage.drop();
             }}
         >
-            <box className={'notification-menu-content'} css={'padding: 1px; margin: -1px;'} hexpand vexpand>
+            <box className={'notification-menu-content'} hexpand vexpand>
                 <box className={'notification-card-container menu'} hexpand vexpand vertical>
                     <Controls />
                     <NotificationsContainer curPage={curPage} />

src/scss/style/menus/notifications.scss

@@ -206,6 +206,7 @@
 
 .notification-menu-pager {
     background: $bar-menus-menu-notifications-pager-background;
+    margin-bottom: 0.1em;
     border-radius: $bar-menus-border-radius;
     border-top-left-radius: 0em;
     border-top-right-radius: 0em;