mobile profile fix

components/profile/components/profile-user-info.tsx

@@ -62,15 +62,15 @@ export const ProfileUserInfo = async ({ user }: { user: IUser }) => {
                 </div>
                 {user.bio && <h1 className="break-words">{user.bio}</h1>}
 
-                <div className="flex whitespace-nowrap items-center space-x-6 text-muted-foreground">
+                <div className="flex flex-wrap whitespace-nowrap items-center text-muted-foreground">
                     {user.location &&
-                        <div className="flex items-center">
+                        <div className="flex items-center mr-6 mb-3">
                             <Icons.location className="mr-1" />
                             <div>{user.location}</div>
                         </div>
                     }
                     {user.website &&
-                        <div className="flex items-center">
+                        <div className="flex items-center mr-6 mb-3">
                             <Icons.website className="mr-1" />
                             <Link href={user.website} prefetch={false} target="_blank">
                                 {user.website.replace("http://", "").replace("https://", "").replace("www.", "")}

components/profile/components/user-join-date.tsx

@@ -9,7 +9,7 @@ export const UserJoinDate = ({
     showIcon?: boolean
 }) => {
     return (
-        <div className="flex items-center">
+        <div className="flex items-center mb-3">
             {showIcon && (<Icons.calendar className="mr-1" />)}
             <div>
                 Joined {dayjs(date).format("MMMM YYYY")}