diff --git a/packages/app/src/components/UserBadges/index.jsx b/packages/app/src/components/UserBadges/index.jsx
index 25342024..302a4e5a 100755
--- a/packages/app/src/components/UserBadges/index.jsx
+++ b/packages/app/src/components/UserBadges/index.jsx
@@ -5,6 +5,8 @@ import Loadable from "react-loadable"
 import { createIconRender } from "components/Icons"
 import { UserModel } from "models"
 
+import "./index.less"
+
 export default React.memo((props) => {
     return React.createElement(Loadable({
         loader: async () => {
diff --git a/packages/app/src/components/UserBadges/index.less b/packages/app/src/components/UserBadges/index.less
new file mode 100644
index 00000000..db3e915e
--- /dev/null
+++ b/packages/app/src/components/UserBadges/index.less
@@ -0,0 +1,8 @@
+.badges {
+    display: flex;
+    flex-direction: column;
+
+    padding: 10px;
+
+    gap: 7px;
+}
\ No newline at end of file