diff --git a/1/ecolyo.ac4fc94083eb7002d619.js b/1/ecolyo.d3e9c10e920959977a51.js
similarity index 99%
rename from 1/ecolyo.ac4fc94083eb7002d619.js
rename to 1/ecolyo.d3e9c10e920959977a51.js
index 7b7e7554b019c0fee290d39b01ee8df66a04e185..73a6ad8aba497c946608b9ce37cb587b21eb3334 100644
--- a/1/ecolyo.ac4fc94083eb7002d619.js
+++ b/1/ecolyo.d3e9c10e920959977a51.js
@@ -891,7 +891,7 @@ exports.default = _default;
 
 exports = module.exports = __webpack_require__("JPst")(false);
 // Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center;\n}\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n  cursor: pointer;\n  color: #d25959;\n  font-weight: bold;\n  text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n  cursor: pointer;\n  color: #e0e0e0;\n  border-bottom: solid 1px #e0e0e0;\n  margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n  align-items: flex-end;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n  flex-direction: row;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value span {\n  align-self: flex-end;\n  margin-left: 0.5em;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .euroUnit {\n  margin-left: 0.4em;\n  position: relative;\n  top: -12px;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value .estimated {\n  cursor: pointer;\n  font-weight: 500;\n  text-decoration: underline;\n  margin-left: 0.5rem;\n  position: relative;\n  top: -12px;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n  font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n  text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n  color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n  color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n  text-decoration: none;\n  color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n  padding: 0 0.5rem;\n  display: flex;\n  align-items: center;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid .dataloadvisualizer-euro-fluid-icon {\n  margin-right: 0.5rem;\n}\n.dataloadvisualizer-euro .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-euro .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-euro .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-euro .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-euro .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-euro .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-euro .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n  color: #d25959;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.dataloadvisualizer-root {\n  min-height: 5.719rem;\n  display: flex;\n  align-items: center;\n}\n\n.dataloadvisualizer-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: #e0e0e0;\n}\n.dataloadvisualizer-content.error {\n  cursor: pointer;\n  color: #d25959;\n  font-weight: bold;\n  text-decoration: underline;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .no-data-text {\n  cursor: pointer;\n  color: #e0e0e0;\n  border-bottom: solid 1px #e0e0e0;\n  margin-top: 1rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left {\n  align-items: flex-end;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-left-novalue {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem 0.5rem 0;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section.dataloadvisualizer-section-right {\n  align-items: flex-start;\n  padding: 0.5rem 0.5rem;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value {\n  display: flex;\n  gap: 0.4rem;\n  align-items: center;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .dataloadvisualizer-value.alignTop {\n  align-items: flex-start;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper {\n  font-weight: bold;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .upper:first-letter {\n  text-transform: uppercase;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare-color {\n  color: #deaf0e;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-content .dataloadvisualizer-section .error {\n  color: #d25959;\n}\n\n.dataloadvisualizer-euro {\n  display: flex;\n  flex-direction: row;\n  min-height: 2rem;\n  align-items: center;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-link {\n  text-decoration: none;\n  color: transparent;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid {\n  padding: 0 0.5rem;\n  display: flex;\n  align-items: center;\n}\n.dataloadvisualizer-euro .dataloadvisualizer-euro-fluid .dataloadvisualizer-euro-fluid-icon {\n  margin-right: 0.5rem;\n}\n.dataloadvisualizer-euro .electricity {\n  color: #d87b39;\n}\n.dataloadvisualizer-euro .electricity-compare {\n  color: #e2bca1;\n}\n.dataloadvisualizer-euro .water {\n  color: #3a98ec;\n}\n.dataloadvisualizer-euro .water-compare {\n  color: #abd4fa;\n}\n.dataloadvisualizer-euro .gas {\n  color: #45d1b8;\n}\n.dataloadvisualizer-euro .gas-compare {\n  color: #a8f7e9;\n}\n.dataloadvisualizer-euro .multifluid {\n  color: #ffffff;\n}\n.dataloadvisualizer-euro .multifluid-compare {\n  color: #ffd597;\n}\n.dataloadvisualizer-euro .error {\n  color: #d25959;\n}", ""]);
 
 
 
@@ -6492,14 +6492,12 @@ exports.default = _default;
 "use strict";
 
 
-var _interopRequireDefault = __webpack_require__("TqRt");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _classnames = _interopRequireDefault(__webpack_require__("TSYQ"));
+var _core = __webpack_require__("TTf+");
 
 var _I18n = __webpack_require__("buk/");
 
@@ -6554,9 +6552,12 @@ var DataloadNoValue = function DataloadNoValue(_ref) {
   }
 
   if (dataload.state === _enums.DataloadState.MISSING || dataload.state === _enums.DataloadState.AGGREGATED_HOLE_OR_MISSING) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_core.Button, {
       onClick: handleToggleKonnectionCard,
-      className: (0, _classnames.default)('dataloadvisualizer-content text-22-normal')
+      classes: {
+        root: 'btnText',
+        label: 'text-22-normal'
+      }
     }, t('consumption_visualizer.missing_data'));
   }
 
@@ -7785,6 +7786,8 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(__webpack_require__("J4zp"));
 
+var _core = __webpack_require__("TTf+");
+
 var _I18n = __webpack_require__("buk/");
 
 var _enums = __webpack_require__("gnxY");
@@ -7822,11 +7825,11 @@ var InfoDataConsumptionVisualizer = function InfoDataConsumptionVisualizer(_ref)
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      openNodataModal = _useState2[0],
-      setopenNodataModal = _useState2[1];
+      openNoDataModal = _useState2[0],
+      setOpenNoDataModal = _useState2[1];
 
   var toggleNoDataModal = (0, _react.useCallback)(function () {
-    setopenNodataModal(function (prev) {
+    setOpenNoDataModal(function (prev) {
       return !prev;
     });
   }, []);
@@ -7846,28 +7849,23 @@ var InfoDataConsumptionVisualizer = function InfoDataConsumptionVisualizer(_ref)
 
   if (dataload.state === _enums.DataloadState.MISSING || dataload.state === _enums.DataloadState.UPCOMING || dataload.state === _enums.DataloadState.COMING || dataload.state === _enums.DataloadState.AGGREGATED_HOLE_OR_MISSING || dataload.state === _enums.DataloadState.AGGREGATED_WITH_HOLE_OR_MISSING || dataload.state === _enums.DataloadState.AGGREGATED_COMING) {
     var lastDate = lastDataDate ? lastDataDate.toFormat("dd'/'MM'/'yy") : '-';
-    return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: function onClick() {
-        return moveToDate();
-      },
-      className: "error-line"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-16-bold underlined-error"
-    }, fluidType === _enums.FluidType.MULTIFLUID ? t('consumption_visualizer.last_valid_data_multi', {
-      date: lastDate
-    }) : t('consumption_visualizer.last_available_data', {
+    var key = fluidType === _enums.FluidType.MULTIFLUID ? 'last_valid_data_multi' : 'last_available_data';
+    return /*#__PURE__*/_react.default.createElement(_core.Button, {
+      className: "btnText",
+      onClick: moveToDate
+    }, t("consumption_visualizer.".concat(key), {
       date: lastDate
-    })));
+    }));
   }
 
   if (dataload.state === _enums.DataloadState.EMPTY || dataload.state === _enums.DataloadState.HOLE || dataload.state === _enums.DataloadState.AGGREGATED_EMPTY) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "error-line",
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
+      className: "btnText",
       onClick: toggleNoDataModal
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "text-16-normal underlined-error"
     }, t('consumption_visualizer.why_no_data'))), /*#__PURE__*/_react.default.createElement(_NoDataModal.default, {
-      open: openNodataModal,
+      open: openNoDataModal,
       handleCloseClick: toggleNoDataModal
     }));
   }
diff --git a/8/ecolyo.9d653a39115f814a9cd2.js b/8/ecolyo.c8806f27bb75cdd881dd.js
similarity index 95%
rename from 8/ecolyo.9d653a39115f814a9cd2.js
rename to 8/ecolyo.c8806f27bb75cdd881dd.js
index 1a68fac700fd655b7631d94864ea00943ac22610..617807e5e4b6b8db71469a7f64f7f9870a5af34d 100644
--- a/8/ecolyo.9d653a39115f814a9cd2.js
+++ b/8/ecolyo.c8806f27bb75cdd881dd.js
@@ -370,6 +370,8 @@ var DataloadSectionDetail = function DataloadSectionDetail(_ref) {
       t = _useI18n.t;
 
   var converterService = new _converter.default();
+  var isMulti = fluidType === _enums.FluidType.MULTIFLUID;
+  var isCompare = dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE;
   var emitNavEvent = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(targetPage) {
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -395,7 +397,7 @@ var DataloadSectionDetail = function DataloadSectionDetail(_ref) {
     };
   }(), [client]);
 
-  if (fluidType !== _enums.FluidType.MULTIFLUID) {
+  if (!isMulti) {
     var _classNames;
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -403,32 +405,38 @@ var DataloadSectionDetail = function DataloadSectionDetail(_ref) {
     }, "".concat((0, _utils.formatNumberValues)(converterService.LoadToEuro(dataload.value, fluidType, dataload.price ? dataload.price : null)), " \u20AC"));
   }
 
-  if (fluidType === _enums.FluidType.MULTIFLUID && dataloadSectionType !== _enums.DataloadSectionType.NO_COMPARE) {
+  if (isMulti && !isCompare) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "dataloadvisualizer-euro text-16-normal"
     });
   }
 
-  if (fluidType === _enums.FluidType.MULTIFLUID && dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE && dataload.valueDetail) {
+  if (isMulti && isCompare && dataload.valueDetail) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "dataloadvisualizer-euro text-16-normal"
-    }, dataload.valueDetail.map(function (valueDetail, index) {
+    }, dataload.valueDetail.map(function (value, index) {
       var _classNames2;
 
+      var isValid = value.state === _enums.DataloadState.VALID;
+      var isUpcoming = value.state === _enums.DataloadState.UPCOMING;
+      var isComing = value.state === _enums.DataloadState.COMING;
+      var isEmpty = value.state === _enums.DataloadState.EMPTY;
+      var isHole = value.state === _enums.DataloadState.HOLE;
+      var isMissing = value.state === _enums.DataloadState.MISSING;
       return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
         key: index,
         to: "/consumption/".concat(_enums.FluidType[index].toLowerCase()),
-        className: "dataloadvisualizer-euro-link"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('dataloadvisualizer-euro-fluid', (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, " ".concat(_enums.FluidType[index].toLowerCase()), valueDetail.state === _enums.DataloadState.VALID || valueDetail.state === _enums.DataloadState.UPCOMING || valueDetail.state === _enums.DataloadState.COMING || valueDetail.state === _enums.DataloadState.EMPTY || valueDetail.state === _enums.DataloadState.HOLE), (0, _defineProperty2.default)(_classNames2, " error", valueDetail.state === _enums.DataloadState.MISSING), _classNames2)),
+        className: "dataloadvisualizer-euro-link",
         onClick: function onClick() {
           return emitNavEvent(_enums.FluidType[index].toLowerCase());
         }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('dataloadvisualizer-euro-fluid', (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, _enums.FluidType[index].toLowerCase(), isValid || isUpcoming || isComing || isEmpty || isHole), (0, _defineProperty2.default)(_classNames2, "error", isMissing), _classNames2))
       }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
         className: "dataloadvisualizer-euro-fluid-icon",
         icon: (0, _picto.getNavPicto)(index, true, true),
         size: 22
-      }), /*#__PURE__*/_react.default.createElement("div", null, valueDetail.state === _enums.DataloadState.VALID && "".concat((0, _utils.formatNumberValues)(valueDetail.value), " \u20AC"), (valueDetail.state === _enums.DataloadState.UPCOMING || valueDetail.state === _enums.DataloadState.COMING) && t('consumption_visualizer.data_to_come'), (valueDetail.state === _enums.DataloadState.EMPTY || valueDetail.state === _enums.DataloadState.HOLE) && t('consumption_visualizer.data_empty'), valueDetail.state === _enums.DataloadState.MISSING && t('consumption_visualizer.aie'))));
+      }), /*#__PURE__*/_react.default.createElement("div", null, isValid && "".concat((0, _utils.formatNumberValues)(value.value), " \u20AC"), (isUpcoming || isComing) && t('consumption_visualizer.data_to_come'), (isEmpty || isHole) && t('consumption_visualizer.data_empty'), isMissing && t('consumption_visualizer.aie'))));
     }));
   }
 
@@ -1045,6 +1053,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _core = __webpack_require__("TTf+");
+
 var _I18n = __webpack_require__("buk/");
 
 var _enums = __webpack_require__("gnxY");
@@ -1063,10 +1073,14 @@ var DataloadSectionValue = function DataloadSectionValue(_ref) {
       t = _useI18n.t;
 
   if (fluidType === _enums.FluidType.MULTIFLUID) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _utils.formatNumberValues)(dataload.value), /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _utils.formatNumberValues)(dataload.value), /*#__PURE__*/_react.default.createElement("div", {
       className: "text-18-normal euroUnit"
-    }, t("FLUID.".concat(_enums.FluidType[fluidType], ".UNIT"))), dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE && /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-14-normal estimated",
+    }, t("FLUID.".concat(_enums.FluidType[fluidType], ".UNIT"))), dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE && /*#__PURE__*/_react.default.createElement(_core.Button, {
+      classes: {
+        root: 'btnText',
+        label: 'text-14-normal'
+      },
+      size: "small",
       onClick: toggleEstimationModal
     }, t('consumption_visualizer.estimated')));
   }
@@ -1116,7 +1130,7 @@ var _DataloadSectionValue = _interopRequireDefault(__webpack_require__("jx3z"));
 __webpack_require__("Fb5D");
 
 var DataloadSection = function DataloadSection(_ref) {
-  var _classNames, _classNames2;
+  var _classNames;
 
   var dataload = _ref.dataload,
       fluidType = _ref.fluidType,
@@ -1134,10 +1148,18 @@ var DataloadSection = function DataloadSection(_ref) {
     }, t('consumption_visualizer.no_data')));
   }
 
+  var isLeft = dataloadSectionType === _enums.DataloadSectionType.LEFT;
+  var isRight = dataloadSectionType === _enums.DataloadSectionType.RIGHT;
+  var noCompare = dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE;
+  var isMulti = fluidType === _enums.FluidType.MULTIFLUID;
+  var fluidName = (0, _utils.getFluidName)(fluidType);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dataloadvisualizer-section', (_classNames = {}, (0, _defineProperty2.default)(_classNames, 'dataloadvisualizer-section-left', dataloadSectionType === _enums.DataloadSectionType.LEFT), (0, _defineProperty2.default)(_classNames, 'dataloadvisualizer-section-right', dataloadSectionType === _enums.DataloadSectionType.RIGHT), _classNames))
+    className: (0, _classnames.default)('dataloadvisualizer-section', {
+      'dataloadvisualizer-section-left': isLeft,
+      'dataloadvisualizer-section-right': isRight
+    })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dataloadvisualizer-value', 'text-36-bold', (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat((0, _utils.getFluidName)(fluidType), "-compare"), dataloadSectionType === _enums.DataloadSectionType.LEFT), (0, _defineProperty2.default)(_classNames2, "".concat((0, _utils.getFluidName)(fluidType)), dataloadSectionType === _enums.DataloadSectionType.NO_COMPARE || dataloadSectionType === _enums.DataloadSectionType.RIGHT), (0, _defineProperty2.default)(_classNames2, 'multifluid-compare-color', dataloadSectionType === _enums.DataloadSectionType.RIGHT && fluidType === _enums.FluidType.MULTIFLUID), _classNames2))
+    className: (0, _classnames.default)('dataloadvisualizer-value', 'text-36-bold', (_classNames = {}, (0, _defineProperty2.default)(_classNames, fluidName, noCompare || isRight), (0, _defineProperty2.default)(_classNames, "".concat(fluidName, "-compare"), isLeft), (0, _defineProperty2.default)(_classNames, 'multifluid-compare-color', isRight && isMulti), (0, _defineProperty2.default)(_classNames, "alignTop", isMulti), _classNames))
   }, /*#__PURE__*/_react.default.createElement(_DataloadSectionValue.default, {
     dataload: dataload,
     fluidType: fluidType,
diff --git a/app/ecolyo.00bc6600c3ada89154dd.js b/app/ecolyo.dc426e68ebaa4f99460c.js
similarity index 99%
rename from app/ecolyo.00bc6600c3ada89154dd.js
rename to app/ecolyo.dc426e68ebaa4f99460c.js
index a281b9d73aa9aed9cc54f8a1c8f1d747042d1e55..98a1f0afd5c4d6ef9d18388ed22cbb9730dcd650 100644
--- a/app/ecolyo.00bc6600c3ada89154dd.js
+++ b/app/ecolyo.dc426e68ebaa4f99460c.js
@@ -64,7 +64,7 @@
 /******/
 /******/ 	// script path function
 /******/ 	function jsonpScriptSrc(chunkId) {
-/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"ac4fc94083eb7002d619","2":"62e5292a592368584bc8","4":"e44f681829f74b9ff80d","5":"41a3c918854f721cafd9","6":"95dfb23bc54787c93a79","7":"9376e18b72a7a8ccfe8c","8":"9d653a39115f814a9cd2","9":"559d36d928c393428876","10":"2946952809565809b75b"}[chunkId] + ".js"
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"d3e9c10e920959977a51","2":"62e5292a592368584bc8","4":"e44f681829f74b9ff80d","5":"41a3c918854f721cafd9","6":"95dfb23bc54787c93a79","7":"9376e18b72a7a8ccfe8c","8":"c8806f27bb75cdd881dd","9":"559d36d928c393428876","10":"2946952809565809b75b"}[chunkId] + ".js"
 /******/ 	}
 /******/
 /******/ 	// The require function
diff --git a/index.html b/index.html
index 99c4eed62afb9ecc45e28ff4456f06b59132d907..1fdbb6e580f060468ef7fb9a0200e2fae99bb0b2 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.9ee7ecded9ec82c2cedd.js"></script><script src="app/ecolyo.00bc6600c3ada89154dd.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.9ee7ecded9ec82c2cedd.js"></script><script src="app/ecolyo.dc426e68ebaa4f99460c.js"></script></div></body></html>
\ No newline at end of file