diff --git a/app/caprieval/CaprievalReport.client.tsx b/app/caprieval/CaprievalReport.client.tsx
index 9723c74c..c090ac04 100644
--- a/app/caprieval/CaprievalReport.client.tsx
+++ b/app/caprieval/CaprievalReport.client.tsx
@@ -5,6 +5,7 @@ import { ScatterPlots } from "./ScatterPlots";
 import { useSearchParams } from "@remix-run/react";
 import { BoxPlots } from "./BoxPlots";
 import type { CaprievalData } from "./caprieval.server";
+import { useTheme } from "remix-themes";
 
 /*
  * Component has to be client only due
@@ -13,11 +14,13 @@ import type { CaprievalData } from "./caprieval.server";
 
 export const CaprievalReport = ({ scatters, boxes, table }: CaprievalData) => {
   const [searchParams, setSearchParams] = useSearchParams();
+  const [theme] = useTheme();
+  const style = { colorScheme: theme === "dark" ? "dark" : "light" };
   const hasOtherCluster =
     "clusters" in table &&
     table.clusters.some((c) => c["cluster_id"] === "Other");
   return (
-    <div className="caprieval-report flex flex-col gap-4">
+    <div className="caprieval-report flex flex-col gap-4" style={style}>
       {"clusters" in table ? (
         <ClusterTable {...table} />
       ) : (
diff --git a/package-lock.json b/package-lock.json
index f4071926..03d31007 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "haddock3-webapp",
       "version": "0.3.4",
       "dependencies": {
-        "@i-vresse/haddock3-ui": "^0.2.1",
+        "@i-vresse/haddock3-ui": "^0.2.2",
         "@i-vresse/wb-core": "^3.2.1",
         "@i-vresse/wb-form": "^2.0.1",
         "@radix-ui/react-checkbox": "^1.0.4",
@@ -3292,9 +3292,9 @@
       "dev": true
     },
     "node_modules/@i-vresse/haddock3-ui": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@i-vresse/haddock3-ui/-/haddock3-ui-0.2.1.tgz",
-      "integrity": "sha512-kntYdPDfmK3klaeUL3yjV0nE8GRt0LHP+92xkzFFySnkHIOY/Ps5T58h0kAJHO5d6aiueqyxKYE5AURDQ5Qq0g==",
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@i-vresse/haddock3-ui/-/haddock3-ui-0.2.2.tgz",
+      "integrity": "sha512-EQE8DDR8K/p7yOUBo16QJoW4W8jnE/lTeo7u/Wr4fkZGsw7V9ZFrvotfGtSi+ZZe9Lck+iiC11MpKSfiUleN8g==",
       "license": "Apache-2.0",
       "dependencies": {
         "clsx": "^2.1.1",
diff --git a/package.json b/package.json
index a2fd48f0..d878cb3c 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "/coverage"
   ],
   "dependencies": {
-    "@i-vresse/haddock3-ui": "^0.2.1",
+    "@i-vresse/haddock3-ui": "^0.2.2",
     "@i-vresse/wb-core": "^3.2.1",
     "@i-vresse/wb-form": "^2.0.1",
     "@radix-ui/react-checkbox": "^1.0.4",