diff --git a/docs/site/src/routes/examples/barCharts/statesByAge/example/components/Bar.js b/docs/site/src/routes/examples/barCharts/statesByAge/example/components/Bar.js
index <HASH>..<HASH> 100644
--- a/docs/site/src/routes/examples/barCharts/statesByAge/example/components/Bar.js
+++ b/docs/site/src/routes/examples/barCharts/statesByAge/example/components/Bar.js
@@ -18,7 +18,7 @@ export const styleSheet = createStyleSheet('Bar', (theme) => {
   return {
     bar: {
       fill: theme.palette.accent[500],
-      opacity: 0.7,
+      opacity: 0.8,
       '&:hover': {
         opacity: 0.5,
       },
bump up opacity on bars