diff --git a/packages/app/src/pages/account/tabs/details/index.jsx b/packages/app/src/pages/account/tabs/details/index.jsx
index 83fcc2f8..1b0dd481 100755
--- a/packages/app/src/pages/account/tabs/details/index.jsx
+++ b/packages/app/src/pages/account/tabs/details/index.jsx
@@ -110,41 +110,37 @@ export default (props) => {
                 </div>
 
                 <span>
-                    Joined at
-                </span>
-            </div>
-
-            <div className="field_value">
-                <p>
-                    {
+                    Joined at {
                         getJoinLabel(Number(props.state.user.created_at ?? props.state.user.createdAt))
                     }
-                </p>
+                </span>
             </div>
         </div>
 
-        <DroppableField
-            header={<>
-                <div className="field_header">
-                    <div className="field_icon">
-                        <Icons.Award />
+        {
+            props.state.user?.badges.length > 0 && <DroppableField
+                header={<>
+                    <div className="field_header">
+                        <div className="field_icon">
+                            <Icons.Award />
+                        </div>
+
+                        <span>
+                            Badges collected
+                        </span>
                     </div>
 
-                    <span>
-                        Badges collected
-                    </span>
-                </div>
-
-                <div className="field_value">
-                    <p>
-                        {props.state.user?.badges.length}
-                    </p>
-                </div>
-            </>}
-        >
-            <React.Suspense fallback={<Skeleton />}>
-                <UserBadges user_id={props.state.user?._id} />
-            </React.Suspense>
-        </DroppableField>
+                    <div className="field_value">
+                        <p>
+                            {props.state.user?.badges.length}
+                        </p>
+                    </div>
+                </>}
+            >
+                <React.Suspense fallback={<Skeleton />}>
+                    <UserBadges user_id={props.state.user?._id} />
+                </React.Suspense>
+            </DroppableField>
+        }
     </div>
 }
\ No newline at end of file
diff --git a/packages/app/src/pages/account/tabs/details/index.less b/packages/app/src/pages/account/tabs/details/index.less
index a35d4842..541a9f71 100755
--- a/packages/app/src/pages/account/tabs/details/index.less
+++ b/packages/app/src/pages/account/tabs/details/index.less
@@ -72,9 +72,9 @@
             }
         }
 
-        .field_value {
+        .field_value p {
             font-family: "DM Mono", monospace;
-            user-select: text;
+            user-select: text !important;
         }
     }
 }
@@ -121,7 +121,7 @@
         top: 0;
         left: 0;
 
-        transform: translate(100%, 90%);
+        transform: translate(100%, 70%);
 
         svg {
             color: var(--text-color);