diff --git a/README.md b/README.md
index b04442d..2b03003 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,10 @@
     <img alt="Types included" src="https://badgen.net/npm/types/styled-tix" />
   </a>
   <a href="https://bundlephobia.com/result?p=styled-tix">
-    <img alt="Bundle minzip size" src="https://img.shields.io/bundlephobia/minzip/styled-tix" />
+    <img alt="Bundle minzip size" src="https://badgen.net/bundlephobia/minzip/styled-tix" />
+  </a>
+  <a href="https://bundlephobia.com/result?p=styled-tix">
+    <img alt="Bundle dependency count" src="https://badgen.net/bundlephobia/dependency-count/styled-tix" />
   </a>
   <a href="https://github.com/danhtran94/styled-tix/blob/main/LICENSE">
     <img alt="License" src="https://badgen.net/github/license/danhtran94/styled-tix" />
diff --git a/package.json b/package.json
index bf9e715..bfd2d46 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "styled-tix",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "Styles your React components with TailwindCSS classes, define variant properties without fighting huge & long classnames.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -14,13 +14,11 @@
   },
   "repository": "https://github.com/danhtran94/styled-tix",
   "author": "danhtran94",
-  "license": "AGPL-3.0",
-  "dependencies": {
+  "license": "AGPL-3.0",  
+  "devDependencies": {
     "@types/react": "^18.2.15",
     "react": "^18.2.0",
-    "typescript": "^5.1.6"
-  },
-  "devDependencies": {
+    "typescript": "^5.1.6",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-typescript": "^8.2.5",