diff --git a/package-lock.json b/package-lock.json
index 3b2149c36..1d3d8653f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "ansi_up": "^6.0.2",
         "antd": "^5.20.6",
         "bento-auth-js": "^6.0.1",
-        "bento-charts": "~2.6.8",
+        "bento-charts": "~2.9.0",
         "cross-fetch": "^4.0.0",
         "dayjs": "^1.11.13",
         "file-saver": "^2.0.5",
@@ -4331,9 +4331,10 @@
       }
     },
     "node_modules/bento-charts": {
-      "version": "2.6.8",
-      "resolved": "https://registry.npmjs.org/bento-charts/-/bento-charts-2.6.8.tgz",
-      "integrity": "sha512-TAhnXUK5aZHZjpt4aFDbag5RgTp1rg01hnFcUFATTMsVWRXgS4Cg1003WxgMSkKC636DNiqGMwWBNsSRR6OSEg==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/bento-charts/-/bento-charts-2.9.0.tgz",
+      "integrity": "sha512-PlkemLOHgz9j6i2Gd48w2L7Pr6NuYWjbVN9tctIYHKDs/N4PbXdewD0fBP9wSJnAinVK9XIwiSqF/L2fWmINtA==",
+      "license": "MIT",
       "dependencies": {
         "d3-interpolate": "^3.0.1"
       },
diff --git a/package.json b/package.json
index f7b7398ab..a06fb64e2 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "ansi_up": "^6.0.2",
     "antd": "^5.20.6",
     "bento-auth-js": "^6.0.1",
-    "bento-charts": "~2.6.8",
+    "bento-charts": "~2.9.0",
     "cross-fetch": "^4.0.0",
     "dayjs": "^1.11.13",
     "file-saver": "^2.0.5",
diff --git a/src/components/charts/Histogram.js b/src/components/charts/Histogram.js
index e855c0075..70622cff7 100644
--- a/src/components/charts/Histogram.js
+++ b/src/components/charts/Histogram.js
@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import PropTypes from "prop-types";
-import { BarChart } from "bento-charts";
+import { Histogram as BentoHistogram } from "bento-charts";
 import ChartContainer from "./ChartContainer";
 
 const transformAgeData = (data) => data && data.map(({ ageBin, count }) => ({ x: ageBin, y: count }));
@@ -10,7 +10,7 @@ const Histogram = ({ title = "Histogram", data = [], chartHeight = 300, unit = "
 
   return (
     <ChartContainer title={title} empty={!Array.isArray(data) || !data.length}>
-      <BarChart data={transformedData} height={chartHeight} removeEmpty={false} units={unit} />
+      <BentoHistogram data={transformedData} height={chartHeight} removeEmpty={false} units={unit} />
     </ChartContainer>
   );
 };