fix styling

MetaMask · Oct 15, 2024 · cc5a9e2 · cc5a9e2
1 parent 67c23d3
commit cc5a9e2
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/ui/pages/notifications/notification-components/snap/snap.tsx b/ui/pages/notifications/notification-components/snap/snap.tsx
@@ -20,6 +20,7 @@ import {
   BackgroundColor,
   Display,
   FlexDirection,
+  FontWeight,
   OverflowWrap,
 } from '../../../../helpers/constants/design-system';
 import {
@@ -79,18 +80,20 @@ export const components: NotificationComponent<SnapNotification> = {
             <Box
               display={Display.Flex}
               style={{
-                border: '1px solid var(--color-border-muted)',
+                borderBottom: '1px solid var(--color-border-muted)',
               }}
               flexDirection={FlexDirection.Column}
-              padding={[4, 3, 4, 3]}
+              padding={[4, 2, 4, 4]}
             >
               <Box
                 display={Display.Flex}
                 alignItems={AlignItems.center}
                 paddingBottom={2}
               >
                 <SnapIcon snapId={snapId} avatarSize={IconSize.Xl} />
-                <Text paddingLeft={4}>{snapsNameGetter(snapId)}</Text>
+                <Text paddingLeft={4} fontWeight={FontWeight.Medium}>
+                  {snapsNameGetter(snapId)}
+                </Text>
               </Box>
               <Text overflowWrap={OverflowWrap.Normal}>
                 {notification.data.message}