fix: gap

dailydotdev · Jan 22, 2025 · 1be5443 · 1be5443
1 parent f6c79ff
commit 1be5443
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/shared/src/components/plus/GiftPlusModal.tsx b/packages/shared/src/components/plus/GiftPlusModal.tsx
@@ -23,6 +23,7 @@ import { RecommendedMention } from '../RecommendedMention';
 import { BaseTooltip } from '../tooltips/BaseTooltip';
 import type { UserShortProfile } from '../../lib/user';
 import useDebounceFn from '../../hooks/useDebounceFn';
+import { ProfileImageSize, ProfilePicture } from '../ProfilePicture';
 
 interface SelectedUserProps {
   user: UserShortProfile;
@@ -33,9 +34,10 @@ const SelectedUser = ({ user, onClose }: SelectedUserProps) => {
   const { image, username, name } = user;
 
   return (
-    <div className="flex w-full max-w-full flex-row bg-surface-float">
+    <div className="flex w-full max-w-full flex-row gap-2 bg-surface-float">
       <Image src={image} alt={username} className="set-8" />
-      <span className="flex w-full flex-1 flex-row truncate">
+      <ProfilePicture user={user} size={ProfileImageSize.Medium} />
+      <span className="flex w-full flex-1 flex-row gap-2 truncate">
         <Typography bold type={TypographyType.Callout}>
           {name}
         </Typography>