diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 8f4aed6..0fc9e4d 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -13,6 +13,17 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 18
+      - name: Get npm cache directory
+        id: npm-cache-dir
+        shell: bash
+        run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}
+      - uses: actions/cache@v3
+        id: npm-cache # use this to check for `cache-hit` ==> if: steps.npm-cache.outputs.cache-hit != 'true'
+        with:
+          path: ${{ steps.npm-cache-dir.outputs.dir }}
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
       - name: Install dependencies
         run: npm ci
       - name: Install Playwright Browsers
diff --git a/README.md b/README.md
index bea3dad..3e96bf3 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
     <strong>A lightweight yet powerful unstyled web components library with customization capabilities.</strong>
     <br>
     <br>
-    <!--<div align="center">
+    <div align="center">
         <img alt="Package size" src="https://img.shields.io/bundlephobia/minzip/bloum?style=for-the-badge">
         <a aria-label="NPM version" href="https://www.npmjs.com/package/bloum">
             <img alt="NPM version" src="https://img.shields.io/npm/v/bloum?style=for-the-badge">
@@ -17,7 +17,7 @@
         <a aria-label="Build status" href="https://github.com/balsigergil/bloum/actions/workflows/playwright.yml">
             <img alt="Build status" src="https://img.shields.io/github/actions/workflow/status/balsigergil/bloum/playwright?style=for-the-badge">
         </a>
-    </div>-->
+    </div>
 </div>
 
 ## Table of Contents
diff --git a/example/prod.html b/example/pages/prod.html
similarity index 98%
rename from example/prod.html
rename to example/pages/prod.html
index 457ea36..655d922 100644
--- a/example/prod.html
+++ b/example/pages/prod.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bloum</title>
-    <script type="module" src="src/prod.ts"></script>
+    <script type="module" src="../src/prod.ts"></script>
   </head>
   <body>
     <div class="wrapper">
diff --git a/example/tailwind.html b/example/pages/tailwind.html
similarity index 99%
rename from example/tailwind.html
rename to example/pages/tailwind.html
index 881fd9f..0083e8a 100644
--- a/example/tailwind.html
+++ b/example/pages/tailwind.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bloum</title>
-    <script type="module" src="src/tailwind.ts"></script>
+    <script type="module" src="../src/tailwind.ts"></script>
   </head>
   <body>
     <div class="m-4 space-y-4">
diff --git a/example/unstyled.html b/example/pages/unstyled.html
similarity index 98%
rename from example/unstyled.html
rename to example/pages/unstyled.html
index 20b7f9d..683ed7b 100644
--- a/example/unstyled.html
+++ b/example/pages/unstyled.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bloum</title>
-    <script type="module" src="src/unstyled.ts"></script>
+    <script type="module" src="../src/unstyled.ts"></script>
   </head>
   <body>
     <div class="wrapper">
diff --git a/example/src/prod.ts b/example/src/prod.ts
index 33ad727..eea737d 100644
--- a/example/src/prod.ts
+++ b/example/src/prod.ts
@@ -1,2 +1,4 @@
 import "bloum";
+import "bloum/dist/style.min.css";
+import "bloum/dist/modern.min.css";
 import "./example.css";
diff --git a/package-lock.json b/package-lock.json
index 3ffe80b..971d9c9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.1",
       "license": "MIT",
       "workspaces": [
+        ".",
         "example",
         "docs"
       ],
@@ -6671,6 +6672,10 @@
         "node": ">=8"
       }
     },
+    "node_modules/bloum": {
+      "resolved": "",
+      "link": true
+    },
     "node_modules/bloum-docs": {
       "resolved": "docs",
       "link": true
