diff --git a/package.json b/package.json
index 8d56e760232c1622b2d036dafab6331fdae96399..52725c511000aed95233399ed473ff2c5ea6160e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@files-ui/react",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "UI components for file uploads with React js",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
@@ -54,6 +54,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "rollup-plugin-import-css": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-terser": "^7.0.2",
@@ -68,7 +69,8 @@
   },
   "dependencies": {
     "@dynamicss/dynamicss": "^2.2.8",
-    "@files-ui/core": "^2.0.6"
+    "@files-ui/core": "^2.0.6",
+    "@fontsource/poppins": "^5.0.14"
   },
   "publishConfig": {
     "access": "public"
diff --git a/rollup.config.js b/rollup.config.js
index b0622e9b9e2d4fc1269c2784ec3658411079da3c..0b0eab65a339da56dd63021e0914e0a3fdc5dcf3 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,4 +1,5 @@
 import commonjs from "@rollup/plugin-commonjs";
+import css from "rollup-plugin-import-css";
 import resolve from "@rollup/plugin-node-resolve";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import typescript from "rollup-plugin-typescript2";
@@ -22,6 +23,7 @@ export default {
     },
   ],
   plugins: [
+    css(),
     sass({ insert: true }),
     
     peerDepsExternal(),