diff --git a/src/components/TradeDynamicsChart/LongitudinalTradeChart.js b/src/components/TradeDynamicsChart/LongitudinalTradeChart.js
index 17fd6bc..df9c34a 100644
--- a/src/components/TradeDynamicsChart/LongitudinalTradeChart.js
+++ b/src/components/TradeDynamicsChart/LongitudinalTradeChart.js
@@ -284,7 +284,7 @@ const LongitudinalTradeChart = ({
             const y = height - margins.bottom;
             return (
               <g
-                key={i}
+                key={year}
                 className="axis-group"
                 transform={`translate(${x}, ${y})`}
               >
@@ -431,7 +431,7 @@ const LongitudinalTradeChart = ({
                 return (
                   <>
                     <circle
-                      key={index}
+                      key={index + "a"}
                       {...{
                         cx: x,
                         cy: y,
@@ -446,7 +446,7 @@ const LongitudinalTradeChart = ({
                       data-html={true}
                     />
                     <circle
-                      key={index + "a"}
+                      key={index + "b"}
                       {...{
                         cx: x,
                         cy: y,
diff --git a/src/components/TradeDynamicsChart/TradeDynamicsChart.js b/src/components/TradeDynamicsChart/TradeDynamicsChart.js
index 6f72fcf..df5862a 100644
--- a/src/components/TradeDynamicsChart/TradeDynamicsChart.js
+++ b/src/components/TradeDynamicsChart/TradeDynamicsChart.js
@@ -38,9 +38,11 @@ const TradeDynamicsChart = (props) => {
     atlasMode,
   } = props;
 
+
   const [rows, setRows] = useState(originalRows);
   const [kind, setKind] = useState(originalKind);
 
+
   useEffect(() => setRows(originalRows), [originalRows, setRows]);
   useEffect(() => {
     setKind(originalKind);
@@ -138,7 +140,7 @@ const TradeDynamicsChart = (props) => {
   ];
 
   const totalRows = Object.entries(rows).reduce(
-    (sum, [id, count]) => sum + count,
+    (sum, [id, flexNumber]) => sum + (+flexNumber),
     0
   );
   const renderRow = (row, rowFlex, rowIndex) => {
@@ -156,7 +158,7 @@ const TradeDynamicsChart = (props) => {
         return (
           <LongitudinalTradeChart
             width={width}
-            height={fixSvgDimension((height / totalRows) * rowFlex)}
+            height={fixSvgDimension((height / (totalRows)) * rowFlex)}
             data={frenchData.filter((d) => d.kind === kind)}
             absoluteField="value"
             regressionField="reg"