From fd3692ffb3390d83baf47d2c742246eb69adbdc2 Mon Sep 17 00:00:00 2001
From: Sanjeev Lakhwani <lakhwani.sanjeev691@gmail.com>
Date: Wed, 29 May 2024 11:10:43 -0400
Subject: [PATCH] fix(charts): resolved issues created from merging histograms

---
 src/Components/Charts/BaseBarChart.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/Charts/BaseBarChart.tsx b/src/Components/Charts/BaseBarChart.tsx
index 758cacd..f0d8bfa 100644
--- a/src/Components/Charts/BaseBarChart.tsx
+++ b/src/Components/Charts/BaseBarChart.tsx
@@ -12,7 +12,7 @@ import {
   YAxis,
 } from 'recharts';
 import {
-  TOOL_TIP_STYLE,
+  TOOLTIP_STYLE,
   COUNT_STYLE,
   LABEL_STYLE,
   MAX_TICK_LABEL_CHARS,
@@ -75,7 +75,7 @@ const BaseBarChart: React.FC<BaseBarChartProps> = ({
   //  on formatting a non-string. This hack manually overrides the ticks for the axis and blanks it out.
   //    - David L, 2023-01-03
   return (
-    <ChartWrapper>
+    <ChartWrapper responsive={typeof width !== 'number'}>
       <div style={TITLE_STYLE}>{title}</div>
       <ResponsiveContainer width={width ?? '100%'} height={height}>
         <BarChart data={data} margin={BAR_CHART_MARGINS}>
@@ -125,7 +125,7 @@ const BarTooltip = ({
   const percentage = totalCount ? Math.round((value / totalCount) * 100) : 0;
 
   return (
-    <div style={TOOL_TIP_STYLE}>
+    <div style={TOOLTIP_STYLE}>
       <p style={LABEL_STYLE}>{name}</p>
       <p style={COUNT_STYLE}>
         {value} ({percentage}%)