Update global banner styles

HedvigInsurance · Jul 7, 2023 · c0ecb1b · c0ecb1b
1 parent 085419f
commit c0ecb1b
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/apps/store/src/components/Banner/Banner.tsx b/apps/store/src/components/Banner/Banner.tsx
@@ -51,6 +51,7 @@ const Icon = ({ variant }: { variant: BannerVariant }) => {
 }
 
 const Wrapper = styled.div<{ variant: BannerVariant }>(({ variant }) => ({
+  height: '3rem',
   display: 'grid',
   // Using grid here to perfect center align banner's content, excluding close button
   gridTemplateAreas: `
@@ -61,6 +62,8 @@ const Wrapper = styled.div<{ variant: BannerVariant }>(({ variant }) => ({
   paddingBlock: theme.space.sm,
   paddingInline: theme.space.md,
   fontSize: theme.fontSizes.xs,
+
+  borderBottom: `0.5px solid ${theme.colors.borderTranslucent1}`,
   ...getVariantStyles(variant),
 
   [mq.lg]: {