[FX-6047] Fix UserBadge padding in PageTopBarMenu

toptal · Oct 3, 2024 · f6451d3 · f6451d3
1 parent b6a5cbc
commit f6451d3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/base/Page/src/PageTopBarMenu/PageTopBarMenu.tsx b/packages/base/Page/src/PageTopBarMenu/PageTopBarMenu.tsx
@@ -63,7 +63,7 @@ export const PageTopBarMenu = forwardRef<HTMLDivElement, Props>(
           size='xxsmall'
           data-private={dataPrivate}
           classes={{
-            root: 'p-2 [z-index:1] bg-white relative',
+            root: 'p-[1em] [z-index:1] bg-white relative user-badge-root',
             avatar: 'text-[0.9rem]',
             name: twJoin('font-[400]', truncateTextClasses),
           }}

diff --git a/packages/base/UserBadge/src/UserBadge/UserBadge.tsx b/packages/base/UserBadge/src/UserBadge/UserBadge.tsx
@@ -101,7 +101,7 @@ export const UserBadge = forwardRef<HTMLDivElement, Props>(function UserBadge(
       ref={ref}
       flex
       alignItems={alignItems}
-      className={twMerge('text-[1rem]', className)}
+      className={twMerge('text-[1rem]', classes?.root, className)}
       style={style}
     >
       {UserBadgeAvatar}