diff --git a/package-lock.json b/package-lock.json
index 2d94f0f92..2ec59c14f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
       }
     },
     "apps/admin-server": {
+      "name": "@openstad-headless/admin-server",
       "version": "0.1.0",
       "dependencies": {
         "@hookform/resolvers": "^3.3.1",
@@ -148,6 +149,7 @@
       }
     },
     "apps/api-server": {
+      "name": "@openstad-headless/api-server",
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
@@ -233,6 +235,7 @@
       }
     },
     "apps/auth-server": {
+      "name": "@openstad-headless/auth-server",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
@@ -402,6 +405,7 @@
       }
     },
     "apps/cms-server": {
+      "name": "openstad-frontend",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
@@ -454,6 +458,7 @@
       }
     },
     "apps/image-server": {
+      "name": "@openstad-headless/image-server",
       "version": "1.0.1",
       "license": "MIT",
       "dependencies": {
@@ -2333,9 +2338,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.24.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz",
-      "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz",
+      "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -8088,9 +8093,9 @@
       "dev": true
     },
     "node_modules/@utrecht/component-library-css": {
-      "version": "3.0.1-alpha.28",
-      "resolved": "https://registry.npmjs.org/@utrecht/component-library-css/-/component-library-css-3.0.1-alpha.28.tgz",
-      "integrity": "sha512-FBY7A4EMPl4WvJT0ZEn1OwOAEPAIlWPtVPjUO6vodME8KJM1fm27TVCZp1JX5I9ccF9rsHXvMm4NJdD8w0U3ag=="
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@utrecht/component-library-css/-/component-library-css-4.1.0.tgz",
+      "integrity": "sha512-v7hgIg+Srgj+G/tkSos/OClfENUiXVmNdR+O327B2hVVZv22NYsBfhFVA+JocgVGuyWK727vw469TrwXRwpwgw=="
     },
     "node_modules/@utrecht/component-library-react": {
       "version": "3.0.1-alpha.28",
@@ -8151,14 +8156,92 @@
         "vite": "^4.2.0 || ^5.0.0"
       }
     },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.33.tgz",
+      "integrity": "sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.24.7",
+        "@vue/shared": "3.4.33",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.33.tgz",
+      "integrity": "sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.4.33",
+        "@vue/shared": "3.4.33"
+      }
+    },
     "node_modules/@vue/compiler-sfc": {
-      "version": "2.7.15",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz",
-      "integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz",
+      "integrity": "sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
-        "@babel/parser": "^7.18.4",
-        "postcss": "^8.4.14",
-        "source-map": "^0.6.1"
+        "@babel/parser": "^7.24.7",
+        "@vue/compiler-core": "3.4.33",
+        "@vue/compiler-dom": "3.4.33",
+        "@vue/compiler-ssr": "3.4.33",
+        "@vue/shared": "3.4.33",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.10",
+        "postcss": "^8.4.39",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/postcss": {
+      "version": "8.4.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
+      "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.1",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.33.tgz",
+      "integrity": "sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.33",
+        "@vue/shared": "3.4.33"
       }
     },
     "node_modules/@vue/component-compiler-utils": {
@@ -8229,6 +8312,14 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
       "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
     },
+    "node_modules/@vue/shared": {
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.33.tgz",
+      "integrity": "sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
@@ -21445,9 +21536,9 @@
       "integrity": "sha512-v+Z7W/0EO707aNMaAEfiGnGL9sxxumwLl2fJvCQtMn9Fxsg+lPpPkdcyBSv/KFgpGdYkMfn+EI1Or2EHjpgLCA=="
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -27405,6 +27496,16 @@
         "vue": "^2.6 || ^3.2"
       }
     },
+    "node_modules/vue/node_modules/@vue/compiler-sfc": {
+      "version": "2.7.15",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz",
+      "integrity": "sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==",
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
     "node_modules/vuedraggable": {
       "version": "2.24.3",
       "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
@@ -28160,6 +28261,7 @@
       }
     },
     "packages/agenda": {
+      "name": "@openstad-headless/agenda",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -28175,7 +28277,7 @@
         "@types/react-dom": "^18.2.7",
         "@typescript-eslint/eslint-plugin": "^6.0.0",
         "@typescript-eslint/parser": "^6.0.0",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "@vitejs/plugin-react": "^4.0.3",
@@ -28253,6 +28355,7 @@
       }
     },
     "packages/comments": {
+      "name": "@openstad-headless/comments",
       "version": "0.1.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -28262,7 +28365,7 @@
         "@openstad-headless/ui": "file:../ui",
         "@radix-ui/react-context-menu": "^2.1.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "eslint-config-custom": "*",
@@ -28348,13 +28451,14 @@
       }
     },
     "packages/counter": {
+      "name": "@openstad-headless/counter",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -28443,6 +28547,7 @@
       }
     },
     "packages/data-store": {
+      "name": "@openstad-headless/data-store",
       "version": "1.0.0",
       "dependencies": {
         "merge": "^2.1.1",
@@ -28496,13 +28601,14 @@
       }
     },
     "packages/date-countdown-bar": {
+      "name": "@openstad-headless/date-countdown-bar",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/ui": "file:../ui",
         "@rooks/use-interval": "^4.11.2",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "date-fns": "2.30.0",
@@ -28593,6 +28699,7 @@
       }
     },
     "packages/enquete": {
+      "name": "@openstad-headless/enquete",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -29108,12 +29215,13 @@
       }
     },
     "packages/footer": {
+      "name": "@openstad-headless/Footer",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -29202,11 +29310,12 @@
       }
     },
     "packages/form": {
+      "name": "@openstad-headless/form",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^2.0.0",
+        "@utrecht/component-library-css": "^4.1.0",
         "filepond": "^4.30.6",
         "filepond-plugin-file-validate-type": "^1.2.9",
         "filepond-plugin-image-exif-orientation": "^1.0.11",
@@ -29245,11 +29354,6 @@
         "csstype": "^3.0.2"
       }
     },
-    "packages/form/node_modules/@utrecht/component-library-css": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@utrecht/component-library-css/-/component-library-css-2.0.0.tgz",
-      "integrity": "sha512-l5aHqZqD9Lbzb8hbDlgVewmdC0sP13GGMwqJpEloR3kkXYI6PZfIQaH2QzgLqHARF0CCjRhaS+lScAmgYjxCQQ=="
-    },
     "packages/form/node_modules/eslint": {
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
@@ -29306,6 +29410,7 @@
       }
     },
     "packages/leaflet-map": {
+      "name": "@openstad-headless/leaflet-map",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -29403,6 +29508,7 @@
       }
     },
     "packages/lib": {
+      "name": "@openstad-headless/lib",
       "version": "1.0.0",
       "license": "ISC",
       "peerDependencies": {
@@ -29411,13 +29517,14 @@
       }
     },
     "packages/likes": {
+      "name": "@openstad-headless/likes",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "copy": "^0.3.2",
@@ -29507,12 +29614,13 @@
       }
     },
     "packages/navBar": {
+      "name": "@openstad-headless/navBar",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -29601,6 +29709,7 @@
       }
     },
     "packages/raw-resource": {
+      "name": "@openstad-headless/raw-resource",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -29695,6 +29804,7 @@
       }
     },
     "packages/resource-detail": {
+      "name": "@openstad-headless/resource-detail",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/comments": "file:../comments",
@@ -29703,7 +29813,7 @@
         "@openstad-headless/likes": "file:../likes",
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -29788,12 +29898,13 @@
       }
     },
     "packages/resource-form": {
+      "name": "@openstad-headless/resource-form",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^2.0.0",
+        "@utrecht/component-library-css": "^4.1.0",
         "filepond-plugin-file-validate-type": "^1.2.9",
         "filepond-plugin-image-exif-orientation": "^1.0.11",
         "filepond-plugin-image-preview": "^4.6.12",
@@ -29831,11 +29942,6 @@
         "csstype": "^3.0.2"
       }
     },
-    "packages/resource-form/node_modules/@utrecht/component-library-css": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@utrecht/component-library-css/-/component-library-css-2.0.0.tgz",
-      "integrity": "sha512-l5aHqZqD9Lbzb8hbDlgVewmdC0sP13GGMwqJpEloR3kkXYI6PZfIQaH2QzgLqHARF0CCjRhaS+lScAmgYjxCQQ=="
-    },
     "packages/resource-form/node_modules/eslint": {
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
@@ -29892,6 +29998,7 @@
       }
     },
     "packages/resource-overview": {
+      "name": "@openstad-headless/resource-overview",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -29899,7 +30006,7 @@
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
         "@types/nunjucks": "^3.2.6",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "copy": "^0.3.2",
@@ -29922,12 +30029,13 @@
       }
     },
     "packages/resource-overview-with-map": {
+      "name": "@openstad-headless/resource-overview-with-map",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
         "@openstad-headless/lib": "file:../lib",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -30081,6 +30189,7 @@
       }
     },
     "packages/stem-begroot": {
+      "name": "@openstad-headless/stem-begroot",
       "version": "0.0.0",
       "dependencies": {
         "@openstad-headless/data-store": "file:../data-store",
@@ -30088,7 +30197,7 @@
         "@openstad-headless/resource-overview": "file:../../packages/resource-overview",
         "@openstad-headless/types": "file:../types",
         "@openstad-headless/ui": "file:../ui",
-        "@utrecht/component-library-css": "^3.0.1-alpha.18",
+        "@utrecht/component-library-css": "^4.1.0",
         "@utrecht/component-library-react": "^3.0.1-alpha.18",
         "@utrecht/design-tokens": "^1.0.0-alpha.631",
         "react": "^18.2.0",
@@ -30175,6 +30284,7 @@
       }
     },
     "packages/types": {
+      "name": "@openstad-headless/types",
       "version": "1.0.0",
       "license": "ISC",
       "peerDependencies": {
@@ -30183,6 +30293,7 @@
       }
     },
     "packages/ui": {
+      "name": "@openstad-headless/ui",
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
diff --git a/packages/agenda/package.json b/packages/agenda/package.json
index b72b167c8..c3b1e25f5 100644
--- a/packages/agenda/package.json
+++ b/packages/agenda/package.json
@@ -25,7 +25,7 @@
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "@vitejs/plugin-react": "^4.0.3",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "eslint": "^8.45.0",
diff --git a/packages/comments/package.json b/packages/comments/package.json
index 7373e6e87..b475e6287 100644
--- a/packages/comments/package.json
+++ b/packages/comments/package.json
@@ -16,7 +16,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/form": "file:../form",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "@radix-ui/react-context-menu": "^2.1.5",
diff --git a/packages/counter/package.json b/packages/counter/package.json
index 69a224c5c..3021d27cd 100644
--- a/packages/counter/package.json
+++ b/packages/counter/package.json
@@ -14,7 +14,7 @@
     "@openstad-headless/types":"file:../types",
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react": "^18.2.0",
diff --git a/packages/date-countdown-bar/package.json b/packages/date-countdown-bar/package.json
index 5ecee68ff..07ec33c3c 100644
--- a/packages/date-countdown-bar/package.json
+++ b/packages/date-countdown-bar/package.json
@@ -14,7 +14,7 @@
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
     "@rooks/use-interval": "^4.11.2",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "date-fns": "2.30.0",
diff --git a/packages/footer/package.json b/packages/footer/package.json
index 9edc59f65..b897bb3ba 100644
--- a/packages/footer/package.json
+++ b/packages/footer/package.json
@@ -13,7 +13,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react": "^18.2.0",
diff --git a/packages/form/package.json b/packages/form/package.json
index 32fa0e56e..a64bbf2ee 100644
--- a/packages/form/package.json
+++ b/packages/form/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^2.0.0",
+    "@utrecht/component-library-css": "^4.1.0",
     "filepond": "^4.30.6",
     "filepond-plugin-file-validate-type": "^1.2.9",
     "filepond-plugin-image-exif-orientation": "^1.0.11",
diff --git a/packages/likes/package.json b/packages/likes/package.json
index 6afb40915..df1c585bc 100644
--- a/packages/likes/package.json
+++ b/packages/likes/package.json
@@ -14,7 +14,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "copy": "^0.3.2",
diff --git a/packages/navBar/package.json b/packages/navBar/package.json
index a0500269d..349bddfe3 100644
--- a/packages/navBar/package.json
+++ b/packages/navBar/package.json
@@ -13,7 +13,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react": "^18.2.0",
diff --git a/packages/resource-detail/package.json b/packages/resource-detail/package.json
index 34704b8c6..2fdc70f35 100644
--- a/packages/resource-detail/package.json
+++ b/packages/resource-detail/package.json
@@ -16,7 +16,7 @@
     "@openstad-headless/likes": "file:../likes",
     "@openstad-headless/comments": "file:../comments",
     "@openstad-headless/lib": "file:../lib",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react": "^18.2.0",
diff --git a/packages/resource-form/package.json b/packages/resource-form/package.json
index 5d7b872c7..60eb7e96c 100644
--- a/packages/resource-form/package.json
+++ b/packages/resource-form/package.json
@@ -13,7 +13,7 @@
     "@openstad-headless/types": "file:../types",
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^2.0.0",
+    "@utrecht/component-library-css": "^4.1.0",
     "filepond-plugin-file-validate-type": "^1.2.9",
     "filepond-plugin-image-exif-orientation": "^1.0.11",
     "filepond-plugin-image-preview": "^4.6.12",
diff --git a/packages/resource-overview-with-map/package.json b/packages/resource-overview-with-map/package.json
index 1baf67a9c..f6f2f0d1c 100644
--- a/packages/resource-overview-with-map/package.json
+++ b/packages/resource-overview-with-map/package.json
@@ -13,7 +13,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react": "^18.2.0",
diff --git a/packages/resource-overview/package.json b/packages/resource-overview/package.json
index a944d698e..ca691654c 100644
--- a/packages/resource-overview/package.json
+++ b/packages/resource-overview/package.json
@@ -15,7 +15,7 @@
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
     "@types/nunjucks": "^3.2.6",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "copy": "^0.3.2",
diff --git a/packages/stem-begroot/package.json b/packages/stem-begroot/package.json
index 43a31d25a..24404d2e1 100644
--- a/packages/stem-begroot/package.json
+++ b/packages/stem-begroot/package.json
@@ -15,7 +15,7 @@
     "@openstad-headless/data-store": "file:../data-store",
     "@openstad-headless/lib": "file:../lib",
     "@openstad-headless/ui": "file:../ui",
-    "@utrecht/component-library-css": "^3.0.1-alpha.18",
+    "@utrecht/component-library-css": "^4.1.0",
     "@utrecht/component-library-react": "^3.0.1-alpha.18",
     "@utrecht/design-tokens": "^1.0.0-alpha.631",
     "react-hot-toast": "^2.4.1",