diff --git a/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx b/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx index 609e4044002e..5d4af7ea4961 100644 --- a/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx +++ b/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx @@ -19,12 +19,14 @@ function AvatarWithOptionalStatus({emojiStatus = '', isSelected = false}: Avatar - - {emojiStatus} - + + + {emojiStatus} + + ); diff --git a/src/styles/index.ts b/src/styles/index.ts index 7b49b90505ba..d0cc09a9ccf0 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -4396,6 +4396,15 @@ const styles = (theme: ThemeColors) => emojiStatusLHN: { fontSize: 9, + ...(Browser.getBrowser() && !Browser.isMobile() && {transform: 'scale(.5)', fontSize: 22, overflow: 'visible'}), + ...(Browser.getBrowser() && + Browser.isSafari() && + !Browser.isMobile() && { + transform: 'scale(0.7)', + fontSize: 13, + lineHeight: 15, + overflow: 'visible', + }), }, onboardingVideoPlayer: { @@ -4423,6 +4432,7 @@ const styles = (theme: ThemeColors) => bottom: -4, borderColor: theme.highlightBG, borderWidth: 2, + overflow: 'hidden', }, moneyRequestViewImage: { ...spacing.mh5,