diff --git a/.corenode b/.corenode
index 73a3f6fb..90857574 100755
--- a/.corenode
+++ b/.corenode
@@ -1,3 +1,3 @@
 {
-  "version": "0.28.3"
+  "version": "0.28.4"
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 54f6c0db..a39611e0 100755
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,23 @@
 {
-    "discord.enabled": false
+    "discord.enabled": false,
+    "workbench.colorCustomizations": {
+        "activityBar.activeBackground": "#65c89b",
+        "activityBar.background": "#65c89b",
+        "activityBar.foreground": "#15202b",
+        "activityBar.inactiveForeground": "#15202b99",
+        "activityBarBadge.background": "#945bc4",
+        "activityBarBadge.foreground": "#e7e7e7",
+        "commandCenter.border": "#15202b99",
+        "sash.hoverBorder": "#65c89b",
+        "statusBar.background": "#42b883",
+        "statusBar.foreground": "#15202b",
+        "statusBarItem.hoverBackground": "#359268",
+        "statusBarItem.remoteBackground": "#42b883",
+        "statusBarItem.remoteForeground": "#15202b",
+        "titleBar.activeBackground": "#42b883",
+        "titleBar.activeForeground": "#15202b",
+        "titleBar.inactiveBackground": "#42b88399",
+        "titleBar.inactiveForeground": "#15202b99"
+    },
+    "peacock.remoteColor": "#42b883"
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index 067c840b..dfc43105 100755
--- a/package.json
+++ b/package.json
@@ -22,5 +22,5 @@
   "devDependencies": {
     "concurrently": "^7.5.0"
   },
-  "version": "0.28.3"
+  "version": "0.28.4"
 }
diff --git a/packages/app/package.json b/packages/app/package.json
index 97e73242..8828e0e9 100755
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "comty",
-  "version": "0.28.3",
+  "version": "0.28.4",
   "license": "LGPL-2.1",
   "main": "electron/main",
   "author": "RageStudio",
diff --git a/packages/app/src/components/PostCreator/index.less b/packages/app/src/components/PostCreator/index.less
index 81348ebe..3bffe28f 100755
--- a/packages/app/src/components/PostCreator/index.less
+++ b/packages/app/src/components/PostCreator/index.less
@@ -69,9 +69,15 @@
 
         .ant-upload {
             span {
-                width: fit-content !important;
+                width: 100%;
+
             }
 
+            svg {
+                margin: 0 !important;
+            }
+
+
             .ant-upload-select-picture-card {
                 background-color: transparent !important;
             }
@@ -112,7 +118,7 @@
             flex-direction: row;
 
             width: 100%;
-            
+
             overflow-x: auto;
             overflow-y: hidden;
 
diff --git a/packages/app/src/models/user/index.js b/packages/app/src/models/user/index.js
index 45878c71..4b36fa2c 100755
--- a/packages/app/src/models/user/index.js
+++ b/packages/app/src/models/user/index.js
@@ -75,6 +75,26 @@ export default class User {
         return User.hasRole("admin")
     }
 
+    static async getUserBadges(user_id) {
+        if (!User.bridge) {
+            return false
+        }
+
+        if (!user_id) {
+            user_id = await User.selfUserId()
+        }
+
+        const { data } = await app.api.customRequest("main", {
+            method: "GET",
+            url: "/user/badges",
+            params: {
+                user_id: user_id,
+            }
+        })
+
+        return data
+    }
+
     static async register(payload) {
         if (!User.bridge) {
             return false
diff --git a/packages/app/src/pages/account/index.jsx b/packages/app/src/pages/account/index.jsx
index c2820199..5cd2a571 100755
--- a/packages/app/src/pages/account/index.jsx
+++ b/packages/app/src/pages/account/index.jsx
@@ -49,16 +49,17 @@ const TabRender = React.memo((props) => {
 const UserBadges = React.memo((props) => {
 	return React.createElement(Loadable({
 		loader: async () => {
-			let { badges } = props
+			let { user_id } = props
+
+			const badgesData = await User.getUserBadges(user_id).catch((err) => {
+				console.error(err)
+
+				app.message.error("Failed to fetch user badges")
 
-			if (!badges || Array.isArray(badges) === false || badges.length === 0) {
 				return null
-			}
+			})
 
-			// fetch badges datam from api
-			const badgesData = await app.api.request("main", "get", "badges", {
-				_id: badges
-			}).catch(() => false)
+			console.log(badgesData)
 
 			if (!badgesData) {
 				return null
@@ -286,7 +287,7 @@ export default class Account extends React.Component {
 
 				<div className="badgesTab">
 					<React.Suspense fallback={<antd.Skeleton />}>
-						<UserBadges badges={user.badges} />
+						<UserBadges user_id={user._id} />
 					</React.Suspense>
 				</div>
 			</div>
diff --git a/packages/server/package.json b/packages/server/package.json
index 0c9182be..9ecdf184 100755
--- a/packages/server/package.json
+++ b/packages/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@comty/server",
-  "version": "0.28.3",
+  "version": "0.28.4",
   "main": "dist/index.js",
   "scripts": {
     "build": "corenode-cli build",
diff --git a/packages/server/src/controllers/BadgesController/index.js b/packages/server/src/controllers/BadgesController/index.js
index 575b5579..20f737ac 100755
--- a/packages/server/src/controllers/BadgesController/index.js
+++ b/packages/server/src/controllers/BadgesController/index.js
@@ -28,6 +28,22 @@ export default class BadgesController extends Controller {
                 return res.json(badges)
             }
         }),
+        "/user/badges": {
+            middlewares: ["withAuthentication"],
+            fn: async (req, res) => {
+                const user = await User.findOne({ _id: req.query.user_id ?? req.user._id })
+
+                if (!user) {
+                    return res.status(404).json({ error: "User not found" })
+                }
+
+                const badges = await Badge.find({
+                    name: { $in: user.badges },
+                })
+
+                return res.json(badges)
+            }
+        }
     }
 
     post = {
diff --git a/packages/wrapper/package.json b/packages/wrapper/package.json
index 84700a02..151a7e39 100755
--- a/packages/wrapper/package.json
+++ b/packages/wrapper/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wrapper",
-  "version": "0.28.3",
+  "version": "0.28.4",
   "main": "./src/index.js",
   "license": "MIT",
   "scripts": {