diff --git a/packages/app/src/components/UserCard/index.jsx b/packages/app/src/components/UserCard/index.jsx
index dfb2ae6e..0ef9a574 100755
--- a/packages/app/src/components/UserCard/index.jsx
+++ b/packages/app/src/components/UserCard/index.jsx
@@ -121,7 +121,9 @@ export const UserCard = React.forwardRef((props, ref) => {
                 </span>
             </div>
 
-            <UserBadges user_id={user._id} />
+            {
+                user.badges?.length > 0 && <UserBadges user_id={user._id} />
+            }
         </div>
 
         <div className="description">
@@ -198,6 +200,12 @@ export const MobileUserCard = React.forwardRef((props, ref) => {
                     }
                 </div>
 
+                <div className="_mobile_userCard_top_badges_wrapper">
+                    {
+                        props.user.badges?.length > 0 && <UserBadges user_id={props.user._id} />
+                    }
+                </div>
+
                 <div className="_mobile_userCard_top_description">
                     <p>
                         {
diff --git a/packages/app/src/components/UserCard/index.less b/packages/app/src/components/UserCard/index.less
index 59dd59ba..e66c13b3 100755
--- a/packages/app/src/components/UserCard/index.less
+++ b/packages/app/src/components/UserCard/index.less
@@ -138,6 +138,8 @@
         }
 
         ._mobile_userCard_top_texts {
+            position: relative;
+
             display: flex;
 
             flex-direction: column;
@@ -148,6 +150,14 @@
             padding: 10px;
             padding-left: 15px;
 
+            ._mobile_userCard_top_badges_wrapper {
+                position: absolute;
+                top: 0;
+                right: 0;
+
+                padding: 10px;
+            }
+
             ._mobile_userCard_top_username {
                 font-family: "Space Grotesk", sans-serif;
 
@@ -273,7 +283,7 @@
         flex-direction: row;
 
         margin-top: 20px;
-    
+
         .username_text {
             display: flex;
             flex-direction: column;
@@ -285,12 +295,12 @@
                 font-weight: 600;
                 font-family: "Space grotesk", sans-serif;
             }
-    
+
             span {
                 font-size: 0.8rem;
                 font-style: italic;
             }
-    
+
             svg {
                 fill: var(--app-color);
                 font-size: 0.8rem;