diff --git a/components/charts/chart.tsx b/components/charts/chart.tsx
index 59308570..2f043c84 100644
--- a/components/charts/chart.tsx
+++ b/components/charts/chart.tsx
@@ -155,34 +155,34 @@ export const Chart = ({
               ...// @ts-ignore
               (chartType !== "column"
                 ? {
-                    shadow: {
-                      color:
-                        AllChainsByKeys[s.name]?.colors[theme ?? "dark"][1] +
-                        "33",
-                      width: 10,
+                  shadow: {
+                    color:
+                      AllChainsByKeys[s.name]?.colors[theme ?? "dark"][1] +
+                      "33",
+                    width: 10,
+                  },
+                  color: {
+                    linearGradient: {
+                      x1: 0,
+                      y1: 0,
+                      x2: 1,
+                      y2: 0,
                     },
-                    color: {
-                      linearGradient: {
-                        x1: 0,
-                        y1: 0,
-                        x2: 1,
-                        y2: 0,
-                      },
-                      stops: [
-                        [
-                          0,
-                          AllChainsByKeys[s.name]?.colors[theme ?? "dark"][0],
-                        ],
-                        // [0.33, AllChainsByKeys[series.name].colors[1]],
-                        [
-                          1,
-                          AllChainsByKeys[s.name]?.colors[theme ?? "dark"][1],
-                        ],
+                    stops: [
+                      [
+                        0,
+                        AllChainsByKeys[s.name]?.colors[theme ?? "dark"][0],
                       ],
-                    },
-                  }
+                      // [0.33, AllChainsByKeys[series.name].colors[1]],
+                      [
+                        1,
+                        AllChainsByKeys[s.name]?.colors[theme ?? "dark"][1],
+                      ],
+                    ],
+                  },
+                }
                 : s.name === "all_l2s"
-                ? {
+                  ? {
                     borderColor: "transparent",
 
                     shadow: {
@@ -204,47 +204,47 @@ export const Chart = ({
                       stops:
                         theme === "dark"
                           ? [
-                              [
-                                0,
-                                AllChainsByKeys[s.name]?.colors[
-                                  theme ?? "dark"
-                                ][0] + "E6",
-                              ],
-                              // [
-                              //   0.3,
-                              //   //   AllChainsByKeys[series.name].colors[theme][0] + "FF",
-                              //   AllChainsByKeys[series.name].colors[theme][0] +
-                              //     "FF",
-                              // ],
-                              [
-                                1,
-                                AllChainsByKeys[s.name]?.colors[
-                                  theme ?? "dark"
-                                ][1] + "E6",
-                              ],
-                            ]
+                            [
+                              0,
+                              AllChainsByKeys[s.name]?.colors[
+                              theme ?? "dark"
+                              ][0] + "E6",
+                            ],
+                            // [
+                            //   0.3,
+                            //   //   AllChainsByKeys[series.name].colors[theme][0] + "FF",
+                            //   AllChainsByKeys[series.name].colors[theme][0] +
+                            //     "FF",
+                            // ],
+                            [
+                              1,
+                              AllChainsByKeys[s.name]?.colors[
+                              theme ?? "dark"
+                              ][1] + "E6",
+                            ],
+                          ]
                           : [
-                              [
-                                0,
-                                AllChainsByKeys[s.name]?.colors[
-                                  theme ?? "dark"
-                                ][0] + "E6",
-                              ],
-                              // [
-                              //   0.7,
-                              //   AllChainsByKeys[series.name].colors[theme][0] +
-                              //     "88",
-                              // ],
-                              [
-                                1,
-                                AllChainsByKeys[s.name]?.colors[
-                                  theme ?? "dark"
-                                ][1] + "E6",
-                              ],
+                            [
+                              0,
+                              AllChainsByKeys[s.name]?.colors[
+                              theme ?? "dark"
+                              ][0] + "E6",
                             ],
+                            // [
+                            //   0.7,
+                            //   AllChainsByKeys[series.name].colors[theme][0] +
+                            //     "88",
+                            // ],
+                            [
+                              1,
+                              AllChainsByKeys[s.name]?.colors[
+                              theme ?? "dark"
+                              ][1] + "E6",
+                            ],
+                          ],
                     },
                   }
-                : {
+                  : {
                     borderColor: "transparent",
                     shadow: {
                       color: "#CDD8D3" + "FF",
@@ -263,17 +263,17 @@ export const Chart = ({
                         [
                           0,
                           AllChainsByKeys[s.name]?.colors[theme ?? "dark"][0] +
-                            "FF",
+                          "FF",
                         ],
                         [
                           0.349,
                           AllChainsByKeys[s.name]?.colors[theme ?? "dark"][0] +
-                            "88",
+                          "88",
                         ],
                         [
                           1,
                           AllChainsByKeys[s.name]?.colors[theme ?? "dark"][0] +
-                            "00",
+                          "00",
                         ],
                       ],
                     },
@@ -450,13 +450,13 @@ export const Chart = ({
                         yScale === "percentage"
                           ? tooltipFormatter(true, true, decimalToPercent)
                           : tooltipFormatter(
-                              true,
-                              false,
-                              (x) => {
-                                return parseFloat(x).toFixed(decimals);
-                              },
-                              series.length > 0 ? series[0].dataKey : undefined,
-                            ),
+                            true,
+                            false,
+                            (x) => {
+                              return parseFloat(x).toFixed(decimals);
+                            },
+                            series.length > 0 ? series[0].dataKey : undefined,
+                          ),
                     },
                     xAxis: {
                       ...baseOptions.xAxis,
@@ -481,9 +481,9 @@ export const Chart = ({
                       max: maxY ? maxY : undefined,
                       tickPositions: maxY
                         ? Array.from(
-                            { length: numIntervals + 1 },
-                            (_, i) => i * intervalSize,
-                          )
+                          { length: numIntervals + 1 },
+                          (_, i) => i * intervalSize,
+                        )
                         : undefined,
                       tickInterval: maxY ? yAxisTicks.interval : undefined,
                       gridLineColor:
@@ -541,13 +541,12 @@ export const Chart = ({
                   }}
                 />
               </div>
-              <div className="absolute bottom-[47.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-50 mix-blend-lighten">
+              <div className="absolute bottom-[47.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-50">
                 <ChartWatermark
-                  className={`h-[30.67px]  md:h-[46px] ${
-                    parseInt(chartHeight, 10) > 200
+                  className={`h-[30.67px] md:h-[46px] ${parseInt(chartHeight, 10) > 200
                       ? "w-[128px] md:w-[163px]"
                       : "w-[128.67px] md:w-[193px] "
-                  }`}
+                    } text-forest-300 dark:text-[#EAECEB] mix-blend-darken dark:mix-blend-lighten`}
                 />
               </div>
             </div>
diff --git a/components/layout/ChainChart.tsx b/components/layout/ChainChart.tsx
index 5e6aeacf..760463d5 100644
--- a/components/layout/ChainChart.tsx
+++ b/components/layout/ChainChart.tsx
@@ -136,7 +136,7 @@ export default function ChainChart({
     Object.keys(data.metrics).forEach((key) => {
       maxUnixtimes.push(
         data.metrics[key].daily.data[
-          data.metrics[key].daily.data.length - 1
+        data.metrics[key].daily.data.length - 1
         ][0],
       );
     });
@@ -466,28 +466,25 @@ export default function ChainChart({
           if (selectedScale === "percentage")
             return `
               <div class="flex w-full space-x-2 items-center font-medium mb-1">
-                <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${
-                  AllChainsByKeys[data.chain_id].colors[theme][0]
-                }"></div>
+                <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${AllChainsByKeys[data.chain_id].colors[theme][0]
+              }"></div>
                 <!--
-                <div class="tooltip-point-name">${
-                  AllChainsByKeys[data.chain_id].label
-                }</div>
+                <div class="tooltip-point-name">${AllChainsByKeys[data.chain_id].label
+              }</div>
                 -->
                 <div class="flex-1 text-right font-inter">${Highcharts.numberFormat(
-                  percentage,
-                  2,
-                )}%</div>
+                percentage,
+                2,
+              )}%</div>
               </div>
               <!-- <div class="flex ml-6 w-[calc(100% - 24rem)] relative mb-1">
                 <div class="h-[2px] w-full bg-gray-200 rounded-full absolute left-0 top-0" > </div>
 
                 <div class="h-[2px] rounded-full absolute left-0 top-0" style="width: ${Highcharts.numberFormat(
-                  percentage,
-                  2,
-                )}%; background-color: ${
-              AllChainsByKeys[data.chain_id].colors[theme][0]
-            };"> </div>
+                percentage,
+                2,
+              )}%; background-color: ${AllChainsByKeys[data.chain_id].colors[theme][0]
+              };"> </div>
               </div> -->`;
 
           let prefix = displayValues[series.name].prefix;
@@ -506,25 +503,21 @@ export default function ChainChart({
 
           return `
           <div class="flex w-full space-x-2 items-center font-medium mb-1">
-            <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${
-              AllChainsByKeys[data.chain_id].colors[theme][0]
+            <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${AllChainsByKeys[data.chain_id].colors[theme][0]
             }"></div>
             <!--
-            <div class="tooltip-point-name text-md">${
-              AllChainsByKeys[data.chain_id].label
+            <div class="tooltip-point-name text-md">${AllChainsByKeys[data.chain_id].label
             }</div>
             -->
             <div class="flex-1 text-left justify-start font-inter flex">
-                <div class="opacity-70 mr-0.5 ${
-                  !prefix && "hidden"
-                }">${prefix}</div>
+                <div class="opacity-70 mr-0.5 ${!prefix && "hidden"
+            }">${prefix}</div>
                 ${parseFloat(value).toLocaleString(undefined, {
-                  minimumFractionDigits: prefix ? 2 : 0,
-                  maximumFractionDigits: prefix ? 2 : 0,
-                })}
-                <div class="opacity-70 ml-0.5 ${
-                  !suffix && "hidden"
-                }">${suffix}</div>
+              minimumFractionDigits: prefix ? 2 : 0,
+              maximumFractionDigits: prefix ? 2 : 0,
+            })}
+                <div class="opacity-70 ml-0.5 ${!suffix && "hidden"
+            }">${suffix}</div>
             </div>
           </div>
           <!-- <div class="flex ml-4 w-[calc(100% - 1rem)] relative mb-1">
@@ -533,9 +526,8 @@ export default function ChainChart({
             <div class="h-[2px] rounded-full absolute right-0 top-0" style="width: ${formatNumber(
               name,
               (y / pointsSum) * 100,
-            )}%; background-color: ${
-            AllChainsByKeys[data.chain_id].colors[theme][0]
-          }33;"></div>
+            )}%; background-color: ${AllChainsByKeys[data.chain_id].colors[theme][0]
+            }33;"></div>
           </div> -->`;
         })
         .join("");
@@ -1079,11 +1071,10 @@ export default function ChainChart({
             Object.keys(timespans).map((timespan) => (
               <button
                 key={timespan}
-                className={`rounded-full grow px-[16px] py-[8px] text-sm md:text-base lg:px-4 lg:py-3 xl:px-6 xl:py-4 font-medium ${
-                  selectedTimespan === timespan
+                className={`rounded-full grow px-[16px] py-[8px] text-sm md:text-base lg:px-4 lg:py-3 xl:px-6 xl:py-4 font-medium ${selectedTimespan === timespan
                     ? "bg-forest-500 dark:bg-forest-1000"
                     : "hover:bg-forest-500/10"
-                }`}
+                  }`}
                 onClick={() => {
                   setSelectedTimespan(timespan);
                 }}
@@ -1121,9 +1112,9 @@ export default function ChainChart({
       {data && (
         <div
           className="grid grid-rows-8 lg:grid-rows-4 lg:grid-cols-2 lg:grid-flow-row gap-y-0 gap-x-[15px]"
-          // style={{
-          //   gridRow: `span ${Math.ceil(enabledFundamentalsKeys.length / 2)}`,
-          // }}
+        // style={{
+        //   gridRow: `span ${Math.ceil(enabledFundamentalsKeys.length / 2)}`,
+        // }}
         >
           {enabledFundamentalsKeys
             // .filter((key) => enabledFundamentalsKeys.includes(key))
@@ -1221,64 +1212,62 @@ export default function ChainChart({
                     </div>
                     {!zoomed
                       ? (key === "profit" || key === "txcosts") && (
-                          <div
-                            className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${
-                              key === "txcosts" ? "hidden lg:block" : ""
+                        <div
+                          className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${key === "txcosts" ? "hidden lg:block" : ""
+                            }`}
+                        >
+                          <div className="absolute left-[15px] align-bottom flex items-end z-30">
+                            {new Date(
+                              timespans[selectedTimespan].xMin,
+                            ).toLocaleDateString(undefined, {
+                              timeZone: "UTC",
+                              month: "short",
+                              day: "numeric",
+                              year: "numeric",
+                            })}
+                          </div>
+                          <div className="absolute right-[15px] align-bottom flex items-end z-30">
+                            {new Date(
+                              timespans[selectedTimespan].xMax,
+                            ).toLocaleDateString(undefined, {
+                              timeZone: "UTC",
+                              month: "short",
+                              day: "numeric",
+                              year: "numeric",
+                            })}
+                          </div>
+                        </div>
+                      )
+                      : (key === "profit" || key === "txcosts") &&
+                      intervalShown && (
+                        <div
+                          className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${key === "txcosts" ? "hidden lg:block" : ""
                             }`}
-                          >
-                            <div className="absolute left-[15px] align-bottom flex items-end z-30">
-                              {new Date(
-                                timespans[selectedTimespan].xMin,
-                              ).toLocaleDateString(undefined, {
+                        >
+                          <div className="absolute left-[15px] align-bottom flex items-end z-30 ">
+                            {new Date(intervalShown.min).toLocaleDateString(
+                              undefined,
+                              {
                                 timeZone: "UTC",
                                 month: "short",
                                 day: "numeric",
                                 year: "numeric",
-                              })}
-                            </div>
-                            <div className="absolute right-[15px] align-bottom flex items-end z-30">
-                              {new Date(
-                                timespans[selectedTimespan].xMax,
-                              ).toLocaleDateString(undefined, {
+                              },
+                            )}
+                          </div>
+                          <div className="absolute right-[15px] align-bottom flex items-end z-30">
+                            {new Date(intervalShown.max).toLocaleDateString(
+                              undefined,
+                              {
                                 timeZone: "UTC",
                                 month: "short",
                                 day: "numeric",
                                 year: "numeric",
-                              })}
-                            </div>
-                          </div>
-                        )
-                      : (key === "profit" || key === "txcosts") &&
-                        intervalShown && (
-                          <div
-                            className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${
-                              key === "txcosts" ? "hidden lg:block" : ""
-                            }`}
-                          >
-                            <div className="absolute left-[15px] align-bottom flex items-end z-30 ">
-                              {new Date(intervalShown.min).toLocaleDateString(
-                                undefined,
-                                {
-                                  timeZone: "UTC",
-                                  month: "short",
-                                  day: "numeric",
-                                  year: "numeric",
-                                },
-                              )}
-                            </div>
-                            <div className="absolute right-[15px] align-bottom flex items-end z-30">
-                              {new Date(intervalShown.max).toLocaleDateString(
-                                undefined,
-                                {
-                                  timeZone: "UTC",
-                                  month: "short",
-                                  day: "numeric",
-                                  year: "numeric",
-                                },
-                              )}
-                            </div>
+                              },
+                            )}
                           </div>
-                        )}
+                        </div>
+                      )}
                   </div>
                 );
               }
@@ -1305,10 +1294,10 @@ export default function ChainChart({
                             ...options.chart,
                             animation: isAnimate
                               ? {
-                                  duration: 500,
-                                  delay: 0,
-                                  easing: "easeOutQuint",
-                                }
+                                duration: 500,
+                                delay: 0,
+                                easing: "easeOutQuint",
+                              }
                               : false,
                             index: i,
                             margin: zoomed ? zoomedMargin : defaultMargin,
@@ -1321,7 +1310,7 @@ export default function ChainChart({
                                 const chart: Highcharts.Chart = this;
                                 const lastPoint: Highcharts.Point =
                                   chart.series[0].points[
-                                    chart.series[0].points.length - 1
+                                  chart.series[0].points.length - 1
                                   ];
 
                                 if (lastPointLines[i]) {
@@ -1416,31 +1405,31 @@ export default function ChainChart({
                               )
                                 ? showUsd
                                   ? data.metrics[key].daily.data.map((d) => [
-                                      d[0],
-                                      d[
-                                        data.metrics[key].daily.types.indexOf(
-                                          "usd",
-                                        )
-                                      ],
-                                    ])
+                                    d[0],
+                                    d[
+                                    data.metrics[key].daily.types.indexOf(
+                                      "usd",
+                                    )
+                                    ],
+                                  ])
                                   : data.metrics[key].daily.data.map((d) => [
-                                      d[0],
-                                      showGwei(key)
-                                        ? d[
-                                            data.metrics[
-                                              key
-                                            ].daily.types.indexOf("eth")
-                                          ] * 1000000000
-                                        : d[
-                                            data.metrics[
-                                              key
-                                            ].daily.types.indexOf("eth")
-                                          ],
-                                    ])
-                                : data.metrics[key].daily.data.map((d) => [
                                     d[0],
-                                    d[1],
-                                  ]),
+                                    showGwei(key)
+                                      ? d[
+                                      data.metrics[
+                                        key
+                                      ].daily.types.indexOf("eth")
+                                      ] * 1000000000
+                                      : d[
+                                      data.metrics[
+                                        key
+                                      ].daily.types.indexOf("eth")
+                                      ],
+                                  ])
+                                : data.metrics[key].daily.data.map((d) => [
+                                  d[0],
+                                  d[1],
+                                ]),
                               showInLegend: false,
                               marker: {
                                 enabled: false,
@@ -1460,8 +1449,8 @@ export default function ChainChart({
                           }
                         }}
                       />
-                      <div className="absolute bottom-[48.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-40 mix-blend-lighten">
-                        <ChartWatermark className="w-[102.936px] h-[24.536px]" />
+                      <div className="absolute bottom-[48.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-40">
+                        <ChartWatermark className="w-[102.936px] h-[24.536px] text-forest-300 dark:text-[#EAECEB] mix-blend-darken dark:mix-blend-lighten" />
                       </div>
                     </div>
                     <div className="absolute top-[14px] w-full flex justify-between items-center px-[26px]">
@@ -1501,66 +1490,64 @@ export default function ChainChart({
                   </div>
                   {!zoomed
                     ? (key === "profit" || key === "txcosts") && (
-                        <div
-                          className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${
-                            enabledFundamentalsKeys.length - 2 === i
-                              ? "hidden lg:block"
-                              : ""
+                      <div
+                        className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${enabledFundamentalsKeys.length - 2 === i
+                            ? "hidden lg:block"
+                            : ""
                           }`}
-                        >
-                          <div className="absolute left-[15px] align-bottom flex items-end z-30">
-                            {new Date(
-                              timespans[selectedTimespan].xMin,
-                            ).toLocaleDateString(undefined, {
+                      >
+                        <div className="absolute left-[15px] align-bottom flex items-end z-30">
+                          {new Date(
+                            timespans[selectedTimespan].xMin,
+                          ).toLocaleDateString(undefined, {
+                            timeZone: "UTC",
+                            month: "short",
+                            day: "numeric",
+                            year: "numeric",
+                          })}
+                        </div>
+                        <div className="absolute right-[15px] align-bottom flex items-end z-30">
+                          {new Date(
+                            timespans[selectedTimespan].xMax,
+                          ).toLocaleDateString(undefined, {
+                            timeZone: "UTC",
+                            month: "short",
+                            day: "numeric",
+                            year: "numeric",
+                          })}
+                        </div>
+                      </div>
+                    )
+                    : (key === "profit" || key === "txcosts") &&
+                    intervalShown && (
+                      <div
+                        className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${key === "txcosts" ? "hidden lg:block" : ""
+                          }`}
+                      >
+                        <div className="absolute left-[15px] align-bottom flex items-end z-30 ">
+                          {new Date(intervalShown.min).toLocaleDateString(
+                            undefined,
+                            {
                               timeZone: "UTC",
                               month: "short",
                               day: "numeric",
                               year: "numeric",
-                            })}
-                          </div>
-                          <div className="absolute right-[15px] align-bottom flex items-end z-30">
-                            {new Date(
-                              timespans[selectedTimespan].xMax,
-                            ).toLocaleDateString(undefined, {
+                            },
+                          )}
+                        </div>
+                        <div className="absolute right-[15px] align-bottom flex items-end z-30">
+                          {new Date(intervalShown.max).toLocaleDateString(
+                            undefined,
+                            {
                               timeZone: "UTC",
                               month: "short",
                               day: "numeric",
                               year: "numeric",
-                            })}
-                          </div>
-                        </div>
-                      )
-                    : (key === "profit" || key === "txcosts") &&
-                      intervalShown && (
-                        <div
-                          className={`w-full h-[15px] absolute -bottom-[15px] text-[10px] text-forest-600/80 dark:text-forest-500/80 ${
-                            key === "txcosts" ? "hidden lg:block" : ""
-                          }`}
-                        >
-                          <div className="absolute left-[15px] align-bottom flex items-end z-30 ">
-                            {new Date(intervalShown.min).toLocaleDateString(
-                              undefined,
-                              {
-                                timeZone: "UTC",
-                                month: "short",
-                                day: "numeric",
-                                year: "numeric",
-                              },
-                            )}
-                          </div>
-                          <div className="absolute right-[15px] align-bottom flex items-end z-30">
-                            {new Date(intervalShown.max).toLocaleDateString(
-                              undefined,
-                              {
-                                timeZone: "UTC",
-                                month: "short",
-                                day: "numeric",
-                                year: "numeric",
-                              },
-                            )}
-                          </div>
+                            },
+                          )}
                         </div>
-                      )}
+                      </div>
+                    )}
                 </div>
               );
             })}
diff --git a/components/layout/ChartWatermark.tsx b/components/layout/ChartWatermark.tsx
index cea2f34b..e3c61511 100644
--- a/components/layout/ChartWatermark.tsx
+++ b/components/layout/ChartWatermark.tsx
@@ -9,76 +9,74 @@ export default function ChartWatermark({ className = "" }: Props) {
       xmlns="http://www.w3.org/2000/svg"
       className={className}
     >
-      <g>
-        <path
-          d="M13.4079 13.991C13.3229 12.805 13.6459 11.716 14.3389 10.66C14.8029 9.958 15.4609 9.2 16.1869 8.365C18.0599 6.208 20.3799 3.538 20.9479 0C22.1829 2.712 21.5839 5.349 20.2169 7.774C19.6019 8.864 18.9209 9.647 18.2709 10.394C17.5059 11.273 16.7849 12.102 16.2669 13.321C15.9819 13.984 15.8199 14.619 15.7439 15.24L13.4079 13.991Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M17.416 16.1366C17.701 15.0906 18.194 14.1126 18.849 13.1636C19.391 12.3716 19.899 11.7846 20.355 11.2576C21.889 9.48264 22.841 8.38064 22.562 2.43164C22.741 2.81364 22.918 3.18164 23.09 3.53664L23.091 3.53864C24.587 6.64464 25.637 8.82264 23.873 11.8136C23.001 13.2916 22.365 14.0266 21.803 14.6766C21.17 15.4076 20.63 16.0326 19.951 17.4866L17.416 16.1366Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M23.985 15.1997C23.297 16.0147 22.174 17.1387 22.123 17.2127L28.478 13.6597C28.345 12.4757 27.472 11.0807 26.399 9.09766C26.616 11.7117 25.596 13.2907 23.985 15.1997Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M28.4311 14.8408C28.2601 15.5988 27.3241 17.1758 26.6361 17.9948C24.4621 20.5808 23.3301 21.6838 21.4701 25.5748C21.3651 25.1538 21.2551 24.7568 21.1501 24.3778C20.6311 22.5058 20.3121 20.9468 20.9341 19.6028L28.4311 14.8408Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M20.0362 23.6073C19.5042 22.0503 19.1222 20.7483 19.4002 19.1013L17.1782 17.6533C17.0552 20.0763 18.0902 22.9053 20.9482 26.5473C20.7962 25.6453 20.3402 24.4973 20.0362 23.6073Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M15.697 16.6883C15.735 17.4763 16.222 19.5593 16.658 20.6613C15.414 19.0743 14.054 16.6393 13.665 15.3633L15.697 16.6883Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M41.868 28.5309C41.868 24.9259 35.164 21.8939 26.104 21.0449C25.24 22.0149 24.376 23.2189 23.55 24.9939L22.306 27.3569C22.069 27.7929 21.632 28.0789 21.147 28.1169C20.654 28.1549 20.179 27.9389 19.885 27.5439L19.087 26.4719C17.425 24.3499 16.209 22.6689 15.25 21.0959C6.457 22.0109 0 24.9949 0 28.5309C0 32.7939 9.382 36.2549 20.939 36.2549C21.497 36.2549 22.051 36.2469 22.599 36.2309L24.295 31.4299L24.309 31.3959C24.683 30.4609 25.583 29.8489 26.584 29.8349H26.591L41.564 29.8749C41.718 29.4979 41.868 28.9239 41.868 28.5309Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M27.2018 36.359H38.9328L38.4198 37.66H26.7508L24.1528 45.071V37.201L25.9698 32.06C26.0728 31.8 26.3248 31.627 26.6078 31.623L40.8278 31.627L40.3018 32.909H28.4308L28.0668 33.991H39.8958L39.3338 35.277H27.6128L27.2018 36.359Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M0.720215 31.9385C2.07121 35.7585 5.37721 40.2455 6.08021 40.9015C8.50821 43.1885 16.3312 45.0715 22.4922 45.0715V38.6325C11.8122 38.6325 3.47421 35.1735 0.720215 31.9385Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M55.5312 38.7766C54.5522 38.7766 53.6492 38.5886 52.8202 38.2116C52.0112 37.8166 51.3052 37.2706 50.7032 36.5746C50.1192 35.8776 49.6682 35.0776 49.3482 34.1746C49.0282 33.2706 48.8682 32.3106 48.8682 31.2946C48.8682 30.2216 49.0372 29.2236 49.3762 28.3016C49.7152 27.3796 50.1852 26.5706 50.7882 25.8736C51.4092 25.1586 52.1332 24.6126 52.9622 24.2366C53.8092 23.8406 54.7402 23.6436 55.7572 23.6436C56.9052 23.6436 57.9122 23.9066 58.7782 24.4336C59.6442 24.9416 60.3592 25.6286 60.9232 26.4946V23.8976H64.2272V37.9856C64.2272 39.4546 63.8692 40.7056 63.1542 41.7416C62.4582 42.7946 61.4882 43.5956 60.2462 44.1406C59.0042 44.7056 57.5922 44.9876 56.0112 44.9876C54.4112 44.9876 53.0562 44.7146 51.9452 44.1696C50.8352 43.6426 49.8842 42.8896 49.0942 41.9106L51.1552 39.9056C51.7192 40.6026 52.4252 41.1486 53.2722 41.5436C54.1382 41.9386 55.0512 42.1366 56.0112 42.1366C56.8202 42.1366 57.5542 41.9856 58.2132 41.6846C58.8912 41.4026 59.4272 40.9506 59.8222 40.3296C60.2372 39.7266 60.4442 38.9456 60.4442 37.9856V36.1226C59.9542 36.9696 59.2582 37.6286 58.3542 38.0986C57.4702 38.5506 56.5292 38.7766 55.5312 38.7766ZM56.8012 35.7556C57.2162 35.7556 57.6112 35.6896 57.9872 35.5576C58.3642 35.4266 58.7122 35.2476 59.0322 35.0216C59.3522 34.7956 59.6342 34.5316 59.8792 34.2306C60.1242 33.9106 60.3122 33.5906 60.4442 33.2706V29.7416C60.2182 29.1586 59.8982 28.6496 59.4842 28.2166C59.0882 27.7846 58.6372 27.4546 58.1282 27.2286C57.6392 26.9846 57.1212 26.8616 56.5762 26.8616C55.9922 26.8616 55.4652 26.9846 54.9942 27.2286C54.5242 27.4736 54.1192 27.8216 53.7802 28.2736C53.4422 28.7066 53.1782 29.1956 52.9902 29.7416C52.8202 30.2686 52.7362 30.8236 52.7362 31.4076C52.7362 32.0096 52.8392 32.5746 53.0462 33.1016C53.2532 33.6286 53.5362 34.0896 53.8932 34.4846C54.2702 34.8806 54.7032 35.1906 55.1922 35.4166C55.7002 35.6426 56.2372 35.7556 56.8012 35.7556Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M75.3168 27.1732C74.1688 27.1732 73.1428 27.3992 72.2388 27.8502C71.3358 28.2832 70.6868 28.9142 70.2908 29.7422V38.6922H66.5078V23.8982H69.9808V27.0602C70.5078 26.0432 71.1758 25.2442 71.9848 24.6602C72.7948 24.0772 73.6508 23.7572 74.5548 23.7002H75.0338C75.1468 23.7002 75.2418 23.7092 75.3168 23.7282V27.1732Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M82.9369 38.9746C81.7319 38.9746 80.6499 38.7766 79.6899 38.3816C78.7299 37.9676 77.9109 37.4026 77.2329 36.6876C76.5749 35.9716 76.0659 35.1536 75.7089 34.2306C75.3509 33.3086 75.1719 32.3396 75.1719 31.3226C75.1719 30.2876 75.3509 29.3086 75.7089 28.3866C76.0659 27.4646 76.5749 26.6456 77.2329 25.9296C77.9109 25.2146 78.7299 24.6596 79.6899 24.2646C80.6499 23.8506 81.7319 23.6436 82.9369 23.6436C84.1409 23.6436 85.2139 23.8506 86.1549 24.2646C87.1149 24.6596 87.9339 25.2146 88.6119 25.9296C89.2889 26.6456 89.7979 27.4646 90.1359 28.3866C90.4939 29.3086 90.6729 30.2876 90.6729 31.3226C90.6729 32.3396 90.4939 33.3086 90.1359 34.2306C89.7979 35.1536 89.2889 35.9716 88.6119 36.6876C87.9529 37.4026 87.1439 37.9676 86.1839 38.3816C85.2239 38.7766 84.1409 38.9746 82.9369 38.9746ZM79.0689 31.3226C79.0689 32.1886 79.2379 32.9606 79.5769 33.6376C79.9159 34.2966 80.3769 34.8146 80.9599 35.1906C81.5439 35.5676 82.2029 35.7556 82.9369 35.7556C83.6519 35.7556 84.3009 35.5676 84.8849 35.1906C85.4679 34.7956 85.9299 34.2686 86.2679 33.6096C86.6259 32.9326 86.8049 32.1606 86.8049 31.2946C86.8049 30.4476 86.6259 29.6856 86.2679 29.0076C85.9299 28.3296 85.4679 27.8026 84.8849 27.4266C84.3009 27.0496 83.6519 26.8616 82.9369 26.8616C82.2029 26.8616 81.5439 27.0596 80.9599 27.4546C80.3769 27.8316 79.9159 28.3586 79.5769 29.0356C79.2379 29.6946 79.0689 30.4566 79.0689 31.3226Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M109.953 23.8984H113.538L107.355 38.6924H104.193L101.708 32.3404L99.2801 38.6924H96.0901L89.9351 23.8984H93.4921L97.8971 35.0784L99.6191 30.2504L97.0501 23.9264H100.184L101.708 28.4434L103.261 23.9264H106.395L103.826 30.2504L105.576 35.0784L109.953 23.8984Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M124.804 37.2354C124.497 37.3624 124.126 37.5074 123.691 37.6704C123.257 37.8334 122.786 37.9594 122.28 38.0504C121.791 38.1584 121.293 38.2134 120.787 38.2134C120.117 38.2134 119.502 38.0954 118.94 37.8604C118.379 37.6254 117.927 37.2544 117.583 36.7474C117.257 36.2224 117.094 35.5434 117.094 34.7114V26.5394H115.221V23.7434H117.094V19.1284H120.732V23.7434H124.398V26.5394H120.732V33.4894C120.75 33.9784 120.886 34.3314 121.139 34.5484C121.393 34.7654 121.71 34.8744 122.09 34.8744C122.47 34.8744 122.841 34.8104 123.203 34.6844C123.565 34.5574 123.854 34.4484 124.071 34.3584L124.804 37.2354ZM138.02 37.9684H134.382V29.9874C134.382 28.8834 134.165 28.0594 133.73 27.5164C133.314 26.9744 132.735 26.7024 131.993 26.7024C131.559 26.7024 131.097 26.8294 130.608 27.0824C130.12 27.3354 129.676 27.6884 129.278 28.1414C128.898 28.5754 128.617 29.0824 128.437 29.6614V37.9684H124.799V18.1504H128.437V25.8904C129.049 25.2614 129.676 24.7654 130.581 24.2594C131.486 23.7524 132.473 23.4994 133.54 23.4994C134.463 23.4994 135.214 23.6614 135.794 23.9874C136.373 24.2954 136.825 24.7204 137.151 25.2634C137.477 25.7884 137.703 26.3854 137.83 27.0554C137.956 27.7064 138.02 28.3854 138.02 29.0914V37.9684ZM145.879 38.2404C144.739 38.2404 143.708 38.0504 142.785 37.6704C141.862 37.2724 141.074 36.7384 140.423 36.0684C139.771 35.3804 139.264 34.6024 138.902 33.7334C138.559 32.8474 138.387 31.9144 138.387 30.9374C138.387 29.5804 138.685 28.3404 139.283 27.2184C139.898 26.0964 140.767 25.2004 141.889 24.5304C143.029 23.8424 144.368 23.4994 145.907 23.4994C147.463 23.4994 148.793 23.8424 149.897 24.5304C151.001 25.2004 151.843 26.0964 152.422 27.2184C153.019 28.3224 153.318 29.5164 153.318 30.8014C153.318 31.0194 153.309 31.2454 153.291 31.4804C153.273 31.6974 153.255 31.8784 153.237 32.0234H142.242C142.314 32.7474 142.522 33.3804 142.866 33.9234C143.228 34.4664 143.68 34.8834 144.223 35.1724C144.785 35.4444 145.382 35.5794 146.015 35.5794C146.739 35.5794 147.418 35.4074 148.051 35.0644C148.703 34.7024 149.146 34.2314 149.382 33.6524L152.504 34.5214C152.16 35.2454 151.662 35.8874 151.01 36.4484C150.377 37.0094 149.626 37.4534 148.757 37.7784C147.888 38.0864 146.929 38.2404 145.879 38.2404ZM142.16 29.4014H149.599C149.526 28.6774 149.318 28.3674 148.974 27.8424C148.649 27.2994 148.214 26.8834 147.671 26.5934C147.128 26.2864 146.522 26.1324 145.852 26.1324C145.201 26.1324 144.604 26.2864 144.061 26.5934C143.536 26.8834 143.101 27.2994 142.757 27.8424C142.432 28.3674 142.233 28.6774 142.16 29.4014Z"
-          stroke="#EAECEB"
-        />
-        <path
-          d="M164.304 38.9746C163.156 38.9746 162.14 38.7206 161.255 38.2126C160.389 37.6856 159.712 36.9796 159.222 36.0946V44.7066H155.439V23.8976H158.742V26.4386C159.307 25.5726 160.022 24.8956 160.888 24.4056C161.754 23.8976 162.742 23.6436 163.853 23.6436C164.85 23.6436 165.763 23.8416 166.591 24.2366C167.438 24.6316 168.172 25.1876 168.794 25.9026C169.415 26.5986 169.895 27.4086 170.234 28.3306C170.591 29.2336 170.77 30.2126 170.77 31.2666C170.77 32.6976 170.488 33.9966 169.923 35.1636C169.377 36.3306 168.615 37.2616 167.636 37.9586C166.676 38.6356 165.566 38.9746 164.304 38.9746ZM163.034 35.7556C163.617 35.7556 164.144 35.6336 164.615 35.3886C165.086 35.1446 165.49 34.8146 165.829 34.4006C166.187 33.9676 166.45 33.4876 166.62 32.9606C166.808 32.4146 166.902 31.8506 166.902 31.2666C166.902 30.6456 166.798 30.0716 166.591 29.5446C166.403 29.0176 166.121 28.5566 165.744 28.1616C165.368 27.7466 164.926 27.4266 164.417 27.2016C163.928 26.9756 163.391 26.8626 162.808 26.8626C162.45 26.8626 162.083 26.9286 161.707 27.0596C161.349 27.1726 161.001 27.3426 160.662 27.5686C160.323 27.7946 160.022 28.0576 159.759 28.3586C159.514 28.6596 159.335 28.9896 159.222 29.3466V32.8196C159.448 33.3656 159.749 33.8646 160.126 34.3166C160.521 34.7676 160.973 35.1256 161.481 35.3886C161.989 35.6336 162.507 35.7556 163.034 35.7556Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M172.204 38.693V23.898H175.987V38.693H172.204ZM172.204 21.837V18.082H175.987V21.837H172.204Z"
-          fill="#EAECEB"
-        />
-        <path
-          d="M185.132 38.9746C183.946 38.9746 182.873 38.7766 181.913 38.3816C180.953 37.9676 180.134 37.4126 179.457 36.7156C178.779 36.0006 178.252 35.1916 177.876 34.2876C177.518 33.3656 177.339 32.3966 177.339 31.3796C177.339 29.9686 177.65 28.6786 178.271 27.5116C178.911 26.3446 179.814 25.4126 180.981 24.7166C182.167 24.0016 183.56 23.6436 185.16 23.6436C186.779 23.6436 188.162 24.0016 189.31 24.7166C190.458 25.4126 191.334 26.3446 191.936 27.5116C192.557 28.6596 192.868 29.9026 192.868 31.2386C192.868 31.4646 192.858 31.6996 192.84 31.9446C192.821 32.1706 192.802 32.3586 192.783 32.5096H181.348C181.424 33.2616 181.64 33.9206 181.998 34.4856C182.374 35.0506 182.845 35.4836 183.409 35.7846C183.993 36.0666 184.614 36.2076 185.273 36.2076C186.026 36.2076 186.732 36.0286 187.39 35.6716C188.068 35.2946 188.529 34.8056 188.774 34.2036L192.021 35.1066C191.663 35.8596 191.146 36.5276 190.468 37.1116C189.809 37.6946 189.028 38.1556 188.125 38.4946C187.221 38.8146 186.223 38.9746 185.132 38.9746ZM181.264 30.1096H189C188.924 29.3566 188.708 28.7066 188.35 28.1616C188.012 27.5966 187.56 27.1636 186.995 26.8626C186.43 26.5426 185.8 26.3826 185.103 26.3826C184.426 26.3826 183.805 26.5426 183.24 26.8626C182.694 27.1636 182.242 27.5966 181.885 28.1616C181.546 28.7066 181.339 29.3566 181.264 30.1096Z"
-          fill="#EAECEB"
-        />
-      </g>
+      <path
+        d="M13.4079 13.991C13.3229 12.805 13.6459 11.716 14.3389 10.66C14.8029 9.958 15.4609 9.2 16.1869 8.365C18.0599 6.208 20.3799 3.538 20.9479 0C22.1829 2.712 21.5839 5.349 20.2169 7.774C19.6019 8.864 18.9209 9.647 18.2709 10.394C17.5059 11.273 16.7849 12.102 16.2669 13.321C15.9819 13.984 15.8199 14.619 15.7439 15.24L13.4079 13.991Z"
+        fill="currentColor"
+      />
+      <path
+        d="M17.416 16.1366C17.701 15.0906 18.194 14.1126 18.849 13.1636C19.391 12.3716 19.899 11.7846 20.355 11.2576C21.889 9.48264 22.841 8.38064 22.562 2.43164C22.741 2.81364 22.918 3.18164 23.09 3.53664L23.091 3.53864C24.587 6.64464 25.637 8.82264 23.873 11.8136C23.001 13.2916 22.365 14.0266 21.803 14.6766C21.17 15.4076 20.63 16.0326 19.951 17.4866L17.416 16.1366Z"
+        fill="currentColor"
+      />
+      <path
+        d="M23.985 15.1997C23.297 16.0147 22.174 17.1387 22.123 17.2127L28.478 13.6597C28.345 12.4757 27.472 11.0807 26.399 9.09766C26.616 11.7117 25.596 13.2907 23.985 15.1997Z"
+        fill="currentColor"
+      />
+      <path
+        d="M28.4311 14.8408C28.2601 15.5988 27.3241 17.1758 26.6361 17.9948C24.4621 20.5808 23.3301 21.6838 21.4701 25.5748C21.3651 25.1538 21.2551 24.7568 21.1501 24.3778C20.6311 22.5058 20.3121 20.9468 20.9341 19.6028L28.4311 14.8408Z"
+        fill="currentColor"
+      />
+      <path
+        d="M20.0362 23.6073C19.5042 22.0503 19.1222 20.7483 19.4002 19.1013L17.1782 17.6533C17.0552 20.0763 18.0902 22.9053 20.9482 26.5473C20.7962 25.6453 20.3402 24.4973 20.0362 23.6073Z"
+        fill="currentColor"
+      />
+      <path
+        d="M15.697 16.6883C15.735 17.4763 16.222 19.5593 16.658 20.6613C15.414 19.0743 14.054 16.6393 13.665 15.3633L15.697 16.6883Z"
+        fill="currentColor"
+      />
+      <path
+        d="M41.868 28.5309C41.868 24.9259 35.164 21.8939 26.104 21.0449C25.24 22.0149 24.376 23.2189 23.55 24.9939L22.306 27.3569C22.069 27.7929 21.632 28.0789 21.147 28.1169C20.654 28.1549 20.179 27.9389 19.885 27.5439L19.087 26.4719C17.425 24.3499 16.209 22.6689 15.25 21.0959C6.457 22.0109 0 24.9949 0 28.5309C0 32.7939 9.382 36.2549 20.939 36.2549C21.497 36.2549 22.051 36.2469 22.599 36.2309L24.295 31.4299L24.309 31.3959C24.683 30.4609 25.583 29.8489 26.584 29.8349H26.591L41.564 29.8749C41.718 29.4979 41.868 28.9239 41.868 28.5309Z"
+        fill="currentColor"
+      />
+      <path
+        d="M27.2018 36.359H38.9328L38.4198 37.66H26.7508L24.1528 45.071V37.201L25.9698 32.06C26.0728 31.8 26.3248 31.627 26.6078 31.623L40.8278 31.627L40.3018 32.909H28.4308L28.0668 33.991H39.8958L39.3338 35.277H27.6128L27.2018 36.359Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0.720215 31.9385C2.07121 35.7585 5.37721 40.2455 6.08021 40.9015C8.50821 43.1885 16.3312 45.0715 22.4922 45.0715V38.6325C11.8122 38.6325 3.47421 35.1735 0.720215 31.9385Z"
+        fill="currentColor"
+      />
+      <path
+        d="M55.5312 38.7766C54.5522 38.7766 53.6492 38.5886 52.8202 38.2116C52.0112 37.8166 51.3052 37.2706 50.7032 36.5746C50.1192 35.8776 49.6682 35.0776 49.3482 34.1746C49.0282 33.2706 48.8682 32.3106 48.8682 31.2946C48.8682 30.2216 49.0372 29.2236 49.3762 28.3016C49.7152 27.3796 50.1852 26.5706 50.7882 25.8736C51.4092 25.1586 52.1332 24.6126 52.9622 24.2366C53.8092 23.8406 54.7402 23.6436 55.7572 23.6436C56.9052 23.6436 57.9122 23.9066 58.7782 24.4336C59.6442 24.9416 60.3592 25.6286 60.9232 26.4946V23.8976H64.2272V37.9856C64.2272 39.4546 63.8692 40.7056 63.1542 41.7416C62.4582 42.7946 61.4882 43.5956 60.2462 44.1406C59.0042 44.7056 57.5922 44.9876 56.0112 44.9876C54.4112 44.9876 53.0562 44.7146 51.9452 44.1696C50.8352 43.6426 49.8842 42.8896 49.0942 41.9106L51.1552 39.9056C51.7192 40.6026 52.4252 41.1486 53.2722 41.5436C54.1382 41.9386 55.0512 42.1366 56.0112 42.1366C56.8202 42.1366 57.5542 41.9856 58.2132 41.6846C58.8912 41.4026 59.4272 40.9506 59.8222 40.3296C60.2372 39.7266 60.4442 38.9456 60.4442 37.9856V36.1226C59.9542 36.9696 59.2582 37.6286 58.3542 38.0986C57.4702 38.5506 56.5292 38.7766 55.5312 38.7766ZM56.8012 35.7556C57.2162 35.7556 57.6112 35.6896 57.9872 35.5576C58.3642 35.4266 58.7122 35.2476 59.0322 35.0216C59.3522 34.7956 59.6342 34.5316 59.8792 34.2306C60.1242 33.9106 60.3122 33.5906 60.4442 33.2706V29.7416C60.2182 29.1586 59.8982 28.6496 59.4842 28.2166C59.0882 27.7846 58.6372 27.4546 58.1282 27.2286C57.6392 26.9846 57.1212 26.8616 56.5762 26.8616C55.9922 26.8616 55.4652 26.9846 54.9942 27.2286C54.5242 27.4736 54.1192 27.8216 53.7802 28.2736C53.4422 28.7066 53.1782 29.1956 52.9902 29.7416C52.8202 30.2686 52.7362 30.8236 52.7362 31.4076C52.7362 32.0096 52.8392 32.5746 53.0462 33.1016C53.2532 33.6286 53.5362 34.0896 53.8932 34.4846C54.2702 34.8806 54.7032 35.1906 55.1922 35.4166C55.7002 35.6426 56.2372 35.7556 56.8012 35.7556Z"
+        fill="currentColor"
+      />
+      <path
+        d="M75.3168 27.1732C74.1688 27.1732 73.1428 27.3992 72.2388 27.8502C71.3358 28.2832 70.6868 28.9142 70.2908 29.7422V38.6922H66.5078V23.8982H69.9808V27.0602C70.5078 26.0432 71.1758 25.2442 71.9848 24.6602C72.7948 24.0772 73.6508 23.7572 74.5548 23.7002H75.0338C75.1468 23.7002 75.2418 23.7092 75.3168 23.7282V27.1732Z"
+        fill="currentColor"
+      />
+      <path
+        d="M82.9369 38.9746C81.7319 38.9746 80.6499 38.7766 79.6899 38.3816C78.7299 37.9676 77.9109 37.4026 77.2329 36.6876C76.5749 35.9716 76.0659 35.1536 75.7089 34.2306C75.3509 33.3086 75.1719 32.3396 75.1719 31.3226C75.1719 30.2876 75.3509 29.3086 75.7089 28.3866C76.0659 27.4646 76.5749 26.6456 77.2329 25.9296C77.9109 25.2146 78.7299 24.6596 79.6899 24.2646C80.6499 23.8506 81.7319 23.6436 82.9369 23.6436C84.1409 23.6436 85.2139 23.8506 86.1549 24.2646C87.1149 24.6596 87.9339 25.2146 88.6119 25.9296C89.2889 26.6456 89.7979 27.4646 90.1359 28.3866C90.4939 29.3086 90.6729 30.2876 90.6729 31.3226C90.6729 32.3396 90.4939 33.3086 90.1359 34.2306C89.7979 35.1536 89.2889 35.9716 88.6119 36.6876C87.9529 37.4026 87.1439 37.9676 86.1839 38.3816C85.2239 38.7766 84.1409 38.9746 82.9369 38.9746ZM79.0689 31.3226C79.0689 32.1886 79.2379 32.9606 79.5769 33.6376C79.9159 34.2966 80.3769 34.8146 80.9599 35.1906C81.5439 35.5676 82.2029 35.7556 82.9369 35.7556C83.6519 35.7556 84.3009 35.5676 84.8849 35.1906C85.4679 34.7956 85.9299 34.2686 86.2679 33.6096C86.6259 32.9326 86.8049 32.1606 86.8049 31.2946C86.8049 30.4476 86.6259 29.6856 86.2679 29.0076C85.9299 28.3296 85.4679 27.8026 84.8849 27.4266C84.3009 27.0496 83.6519 26.8616 82.9369 26.8616C82.2029 26.8616 81.5439 27.0596 80.9599 27.4546C80.3769 27.8316 79.9159 28.3586 79.5769 29.0356C79.2379 29.6946 79.0689 30.4566 79.0689 31.3226Z"
+        fill="currentColor"
+      />
+      <path
+        d="M109.953 23.8984H113.538L107.355 38.6924H104.193L101.708 32.3404L99.2801 38.6924H96.0901L89.9351 23.8984H93.4921L97.8971 35.0784L99.6191 30.2504L97.0501 23.9264H100.184L101.708 28.4434L103.261 23.9264H106.395L103.826 30.2504L105.576 35.0784L109.953 23.8984Z"
+        fill="currentColor"
+      />
+      <path
+        d="M124.804 37.2354C124.497 37.3624 124.126 37.5074 123.691 37.6704C123.257 37.8334 122.786 37.9594 122.28 38.0504C121.791 38.1584 121.293 38.2134 120.787 38.2134C120.117 38.2134 119.502 38.0954 118.94 37.8604C118.379 37.6254 117.927 37.2544 117.583 36.7474C117.257 36.2224 117.094 35.5434 117.094 34.7114V26.5394H115.221V23.7434H117.094V19.1284H120.732V23.7434H124.398V26.5394H120.732V33.4894C120.75 33.9784 120.886 34.3314 121.139 34.5484C121.393 34.7654 121.71 34.8744 122.09 34.8744C122.47 34.8744 122.841 34.8104 123.203 34.6844C123.565 34.5574 123.854 34.4484 124.071 34.3584L124.804 37.2354ZM138.02 37.9684H134.382V29.9874C134.382 28.8834 134.165 28.0594 133.73 27.5164C133.314 26.9744 132.735 26.7024 131.993 26.7024C131.559 26.7024 131.097 26.8294 130.608 27.0824C130.12 27.3354 129.676 27.6884 129.278 28.1414C128.898 28.5754 128.617 29.0824 128.437 29.6614V37.9684H124.799V18.1504H128.437V25.8904C129.049 25.2614 129.676 24.7654 130.581 24.2594C131.486 23.7524 132.473 23.4994 133.54 23.4994C134.463 23.4994 135.214 23.6614 135.794 23.9874C136.373 24.2954 136.825 24.7204 137.151 25.2634C137.477 25.7884 137.703 26.3854 137.83 27.0554C137.956 27.7064 138.02 28.3854 138.02 29.0914V37.9684ZM145.879 38.2404C144.739 38.2404 143.708 38.0504 142.785 37.6704C141.862 37.2724 141.074 36.7384 140.423 36.0684C139.771 35.3804 139.264 34.6024 138.902 33.7334C138.559 32.8474 138.387 31.9144 138.387 30.9374C138.387 29.5804 138.685 28.3404 139.283 27.2184C139.898 26.0964 140.767 25.2004 141.889 24.5304C143.029 23.8424 144.368 23.4994 145.907 23.4994C147.463 23.4994 148.793 23.8424 149.897 24.5304C151.001 25.2004 151.843 26.0964 152.422 27.2184C153.019 28.3224 153.318 29.5164 153.318 30.8014C153.318 31.0194 153.309 31.2454 153.291 31.4804C153.273 31.6974 153.255 31.8784 153.237 32.0234H142.242C142.314 32.7474 142.522 33.3804 142.866 33.9234C143.228 34.4664 143.68 34.8834 144.223 35.1724C144.785 35.4444 145.382 35.5794 146.015 35.5794C146.739 35.5794 147.418 35.4074 148.051 35.0644C148.703 34.7024 149.146 34.2314 149.382 33.6524L152.504 34.5214C152.16 35.2454 151.662 35.8874 151.01 36.4484C150.377 37.0094 149.626 37.4534 148.757 37.7784C147.888 38.0864 146.929 38.2404 145.879 38.2404ZM142.16 29.4014H149.599C149.526 28.6774 149.318 28.3674 148.974 27.8424C148.649 27.2994 148.214 26.8834 147.671 26.5934C147.128 26.2864 146.522 26.1324 145.852 26.1324C145.201 26.1324 144.604 26.2864 144.061 26.5934C143.536 26.8834 143.101 27.2994 142.757 27.8424C142.432 28.3674 142.233 28.6774 142.16 29.4014Z"
+        stroke="currentColor"
+      />
+      <path
+        d="M164.304 38.9746C163.156 38.9746 162.14 38.7206 161.255 38.2126C160.389 37.6856 159.712 36.9796 159.222 36.0946V44.7066H155.439V23.8976H158.742V26.4386C159.307 25.5726 160.022 24.8956 160.888 24.4056C161.754 23.8976 162.742 23.6436 163.853 23.6436C164.85 23.6436 165.763 23.8416 166.591 24.2366C167.438 24.6316 168.172 25.1876 168.794 25.9026C169.415 26.5986 169.895 27.4086 170.234 28.3306C170.591 29.2336 170.77 30.2126 170.77 31.2666C170.77 32.6976 170.488 33.9966 169.923 35.1636C169.377 36.3306 168.615 37.2616 167.636 37.9586C166.676 38.6356 165.566 38.9746 164.304 38.9746ZM163.034 35.7556C163.617 35.7556 164.144 35.6336 164.615 35.3886C165.086 35.1446 165.49 34.8146 165.829 34.4006C166.187 33.9676 166.45 33.4876 166.62 32.9606C166.808 32.4146 166.902 31.8506 166.902 31.2666C166.902 30.6456 166.798 30.0716 166.591 29.5446C166.403 29.0176 166.121 28.5566 165.744 28.1616C165.368 27.7466 164.926 27.4266 164.417 27.2016C163.928 26.9756 163.391 26.8626 162.808 26.8626C162.45 26.8626 162.083 26.9286 161.707 27.0596C161.349 27.1726 161.001 27.3426 160.662 27.5686C160.323 27.7946 160.022 28.0576 159.759 28.3586C159.514 28.6596 159.335 28.9896 159.222 29.3466V32.8196C159.448 33.3656 159.749 33.8646 160.126 34.3166C160.521 34.7676 160.973 35.1256 161.481 35.3886C161.989 35.6336 162.507 35.7556 163.034 35.7556Z"
+        fill="currentColor"
+      />
+      <path
+        d="M172.204 38.693V23.898H175.987V38.693H172.204ZM172.204 21.837V18.082H175.987V21.837H172.204Z"
+        fill="currentColor"
+      />
+      <path
+        d="M185.132 38.9746C183.946 38.9746 182.873 38.7766 181.913 38.3816C180.953 37.9676 180.134 37.4126 179.457 36.7156C178.779 36.0006 178.252 35.1916 177.876 34.2876C177.518 33.3656 177.339 32.3966 177.339 31.3796C177.339 29.9686 177.65 28.6786 178.271 27.5116C178.911 26.3446 179.814 25.4126 180.981 24.7166C182.167 24.0016 183.56 23.6436 185.16 23.6436C186.779 23.6436 188.162 24.0016 189.31 24.7166C190.458 25.4126 191.334 26.3446 191.936 27.5116C192.557 28.6596 192.868 29.9026 192.868 31.2386C192.868 31.4646 192.858 31.6996 192.84 31.9446C192.821 32.1706 192.802 32.3586 192.783 32.5096H181.348C181.424 33.2616 181.64 33.9206 181.998 34.4856C182.374 35.0506 182.845 35.4836 183.409 35.7846C183.993 36.0666 184.614 36.2076 185.273 36.2076C186.026 36.2076 186.732 36.0286 187.39 35.6716C188.068 35.2946 188.529 34.8056 188.774 34.2036L192.021 35.1066C191.663 35.8596 191.146 36.5276 190.468 37.1116C189.809 37.6946 189.028 38.1556 188.125 38.4946C187.221 38.8146 186.223 38.9746 185.132 38.9746ZM181.264 30.1096H189C188.924 29.3566 188.708 28.7066 188.35 28.1616C188.012 27.5966 187.56 27.1636 186.995 26.8626C186.43 26.5426 185.8 26.3826 185.103 26.3826C184.426 26.3826 183.805 26.5426 183.24 26.8626C182.694 27.1636 182.242 27.5966 181.885 28.1616C181.546 28.7066 181.339 29.3566 181.264 30.1096Z"
+        fill="currentColor"
+      />
     </svg>
   );
 }
diff --git a/components/layout/ComparisonChart.tsx b/components/layout/ComparisonChart.tsx
index f322d890..0c030ef1 100644
--- a/components/layout/ComparisonChart.tsx
+++ b/components/layout/ComparisonChart.tsx
@@ -422,16 +422,14 @@ export default function ComparisonChart({
           if (selectedScale === "percentage")
             return `
               <div class="flex w-full space-x-2 items-center font-medium mb-0.5">
-                <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${
-                  AllChainsByKeys[name].colors[theme][0]
-                }"></div>
-                <div class="tooltip-point-name">${
-                  AllChainsByKeys[name].label
-                }</div>
+                <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${AllChainsByKeys[name].colors[theme][0]
+              }"></div>
+                <div class="tooltip-point-name">${AllChainsByKeys[name].label
+              }</div>
                 <div class="flex-1 text-right font-inter">${Highcharts.numberFormat(
-                  percentage,
-                  2,
-                )}%</div>
+                percentage,
+                2,
+              )}%</div>
               </div>
               
               <div class="flex ml-6 w-[calc(100% - 1rem)] relative mb-0.5">
@@ -457,23 +455,19 @@ export default function ComparisonChart({
 
           return `
           <div class="flex w-full space-x-2 items-center font-medium mb-0.5">
-            <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${
-              AllChainsByKeys[name].colors[theme][0]
+            <div class="w-4 h-1.5 rounded-r-full" style="background-color: ${AllChainsByKeys[name].colors[theme][0]
             }"></div>
-            <div class="tooltip-point-name text-md">${
-              AllChainsByKeys[name].label
+            <div class="tooltip-point-name text-md">${AllChainsByKeys[name].label
             }</div>
             <div class="flex-1 text-right justify-end font-inter flex">
-                <div class="opacity-70 mr-0.5 ${
-                  !prefix && "hidden"
-                }">${prefix}</div>
+                <div class="opacity-70 mr-0.5 ${!prefix && "hidden"
+            }">${prefix}</div>
                 ${parseFloat(value).toLocaleString(undefined, {
-                  minimumFractionDigits: valuePrefix ? 2 : 0,
-                  maximumFractionDigits: valuePrefix ? 2 : 0,
-                })}
-                <div class="opacity-70 ml-0.5 ${
-                  !suffix && "hidden"
-                }">${suffix}</div>
+              minimumFractionDigits: valuePrefix ? 2 : 0,
+              maximumFractionDigits: valuePrefix ? 2 : 0,
+            })}
+                <div class="opacity-70 ml-0.5 ${!suffix && "hidden"
+            }">${suffix}</div>
             </div>
           </div>
           <div class="flex ml-6 w-[calc(100% - 1rem)] relative mb-0.5">
@@ -584,9 +578,9 @@ export default function ComparisonChart({
           filteredData[0].name === ""
             ? Date.now() - 365 * 24 * 60 * 60 * 1000
             : filteredData.reduce(
-                (min, d) => Math.min(min, d.data[0][0]),
-                Infinity,
-              ) - buffer,
+              (min, d) => Math.min(min, d.data[0][0]),
+              Infinity,
+            ) - buffer,
 
         xMax: maxPlusBuffer,
       },
@@ -859,21 +853,21 @@ export default function ComparisonChart({
             };
 
             const pointsSettings =
-              // getSeriesType(series.name) === "column"
-              //   ? {
-              //       pointPlacement: 0.5,
-              //       pointPadding: 0.15,
-              //       pointRange:
-              //         timeIntervalToMilliseconds[
-              //           dataGrouping.enabled ? "weekly" : "daily"
-              //         ],
-              //     }
-              //   :
-              {
-                pointPlacement: 0.5,
-                // pointInterval: 7,
-                // pointIntervalUnit: "day",
-              };
+            // getSeriesType(series.name) === "column"
+            //   ? {
+            //       pointPlacement: 0.5,
+            //       pointPadding: 0.15,
+            //       pointRange:
+            //         timeIntervalToMilliseconds[
+            //           dataGrouping.enabled ? "weekly" : "daily"
+            //         ],
+            //     }
+            //   :
+            {
+              pointPlacement: 0.5,
+              // pointInterval: 7,
+              // pointIntervalUnit: "day",
+            };
 
             return {
               name: series.name,
@@ -888,15 +882,15 @@ export default function ComparisonChart({
               data: series.types.includes("usd")
                 ? showUsd
                   ? series.data.map((d: any) => [
-                      d[0],
-                      d[series.types.indexOf("usd")],
-                    ])
+                    d[0],
+                    d[series.types.indexOf("usd")],
+                  ])
                   : series.data.map((d: any) => [
-                      d[0],
-                      showGwei
-                        ? d[series.types.indexOf("eth")] * 1000000000
-                        : d[series.types.indexOf("eth")],
-                    ])
+                    d[0],
+                    showGwei
+                      ? d[series.types.indexOf("eth")] * 1000000000
+                      : d[series.types.indexOf("eth")],
+                  ])
                 : series.data.map((d: any) => [d[0], d[1]]),
               ...pointsSettings,
               type: getSeriesType(series.name),
@@ -918,12 +912,12 @@ export default function ComparisonChart({
                   [
                     0,
                     AllChainsByKeys[series.name]?.colors[theme ?? "dark"][0] +
-                      "33",
+                    "33",
                   ],
                   [
                     1,
                     AllChainsByKeys[series.name]?.colors[theme ?? "dark"][1] +
-                      "33",
+                    "33",
                   ],
                 ],
               },
@@ -934,39 +928,39 @@ export default function ComparisonChart({
               ...// @ts-ignore
               (getSeriesType(series.name) !== "column"
                 ? {
-                    shadow: {
-                      color:
-                        AllChainsByKeys[series.name]?.colors[
-                          theme ?? "dark"
-                        ][1] + "33",
-                      width: 10,
+                  shadow: {
+                    color:
+                      AllChainsByKeys[series.name]?.colors[
+                      theme ?? "dark"
+                      ][1] + "33",
+                    width: 10,
+                  },
+                  color: {
+                    linearGradient: {
+                      x1: 0,
+                      y1: 0,
+                      x2: 1,
+                      y2: 0,
                     },
-                    color: {
-                      linearGradient: {
-                        x1: 0,
-                        y1: 0,
-                        x2: 1,
-                        y2: 0,
-                      },
-                      stops: [
-                        [
-                          0,
-                          AllChainsByKeys[series.name]?.colors[
-                            theme ?? "dark"
-                          ][0],
-                        ],
-                        // [0.33, AllChainsByKeys[series.name].colors[1]],
-                        [
-                          1,
-                          AllChainsByKeys[series.name]?.colors[
-                            theme ?? "dark"
-                          ][1],
-                        ],
+                    stops: [
+                      [
+                        0,
+                        AllChainsByKeys[series.name]?.colors[
+                        theme ?? "dark"
+                        ][0],
                       ],
-                    },
-                  }
+                      // [0.33, AllChainsByKeys[series.name].colors[1]],
+                      [
+                        1,
+                        AllChainsByKeys[series.name]?.colors[
+                        theme ?? "dark"
+                        ][1],
+                      ],
+                    ],
+                  },
+                }
                 : series.name === "all_l2s"
-                ? {
+                  ? {
                     borderColor: "transparent",
 
                     shadow: {
@@ -988,47 +982,47 @@ export default function ComparisonChart({
                       stops:
                         theme === "dark"
                           ? [
-                              [
-                                0,
-                                AllChainsByKeys[series.name]?.colors[
-                                  theme ?? "dark"
-                                ][0] + "E6",
-                              ],
-                              // [
-                              //   0.3,
-                              //   //   AllChainsByKeys[series.name].colors[theme][0] + "FF",
-                              //   AllChainsByKeys[series.name].colors[theme][0] +
-                              //     "FF",
-                              // ],
-                              [
-                                1,
-                                AllChainsByKeys[series.name]?.colors[
-                                  theme ?? "dark"
-                                ][1] + "E6",
-                              ],
-                            ]
+                            [
+                              0,
+                              AllChainsByKeys[series.name]?.colors[
+                              theme ?? "dark"
+                              ][0] + "E6",
+                            ],
+                            // [
+                            //   0.3,
+                            //   //   AllChainsByKeys[series.name].colors[theme][0] + "FF",
+                            //   AllChainsByKeys[series.name].colors[theme][0] +
+                            //     "FF",
+                            // ],
+                            [
+                              1,
+                              AllChainsByKeys[series.name]?.colors[
+                              theme ?? "dark"
+                              ][1] + "E6",
+                            ],
+                          ]
                           : [
-                              [
-                                0,
-                                AllChainsByKeys[series.name]?.colors[
-                                  theme ?? "dark"
-                                ][0] + "E6",
-                              ],
-                              // [
-                              //   0.7,
-                              //   AllChainsByKeys[series.name].colors[theme][0] +
-                              //     "88",
-                              // ],
-                              [
-                                1,
-                                AllChainsByKeys[series.name]?.colors[
-                                  theme ?? "dark"
-                                ][1] + "E6",
-                              ],
+                            [
+                              0,
+                              AllChainsByKeys[series.name]?.colors[
+                              theme ?? "dark"
+                              ][0] + "E6",
+                            ],
+                            // [
+                            //   0.7,
+                            //   AllChainsByKeys[series.name].colors[theme][0] +
+                            //     "88",
+                            // ],
+                            [
+                              1,
+                              AllChainsByKeys[series.name]?.colors[
+                              theme ?? "dark"
+                              ][1] + "E6",
                             ],
+                          ],
                     },
                   }
-                : {
+                  : {
                     borderColor: "transparent",
                     shadow: {
                       color: "#CDD8D3" + "FF",
@@ -1047,19 +1041,19 @@ export default function ComparisonChart({
                         [
                           0,
                           AllChainsByKeys[series.name]?.colors[
-                            theme ?? "dark"
+                          theme ?? "dark"
                           ][0] + "FF",
                         ],
                         [
                           0.349,
                           AllChainsByKeys[series.name]?.colors[
-                            theme ?? "dark"
+                          theme ?? "dark"
                           ][0] + "88",
                         ],
                         [
                           1,
                           AllChainsByKeys[series.name]?.colors[
-                            theme ?? "dark"
+                          theme ?? "dark"
                           ][0] + "00",
                         ],
                       ],
@@ -1074,11 +1068,11 @@ export default function ComparisonChart({
                     attributes: {
                       fill:
                         AllChainsByKeys[series.name]?.colors[
-                          theme ?? "dark"
+                        theme ?? "dark"
                         ][0] + "99",
                       stroke:
                         AllChainsByKeys[series.name]?.colors[
-                          theme ?? "dark"
+                        theme ?? "dark"
                         ][0] + "66",
                       strokeWidth: 0,
                     },
@@ -1187,11 +1181,10 @@ export default function ComparisonChart({
               Object.keys(timespans).map((timespan) => (
                 <button
                   key={timespan}
-                  className={`rounded-full px-[16px] py-[8px] grow text-sm md:text-base lg:px-4 lg:py-3 xl:px-6 xl:py-4 font-medium ${
-                    selectedTimespan === timespan
+                  className={`rounded-full px-[16px] py-[8px] grow text-sm md:text-base lg:px-4 lg:py-3 xl:px-6 xl:py-4 font-medium ${selectedTimespan === timespan
                       ? "bg-forest-500 dark:bg-forest-1000"
                       : "hover:bg-forest-500/10"
-                  }`}
+                    }`}
                   onClick={() => {
                     setSelectedTimespan(timespan);
                     // setXAxis();
@@ -1234,11 +1227,10 @@ export default function ComparisonChart({
             )}
           </div>
           <div
-            className={`absolute transition-[transform] duration-300 ease-in-out -z-10 top-0 right-0 pr-[15px] w-[calc(50%-19px)] md:w-[175px] lg:pr-[23px] lg:w-[168px] xl:w-[198px] xl:pr-[26px] ${
-              avg && ["365d", "max"].includes(selectedTimespan)
+            className={`absolute transition-[transform] duration-300 ease-in-out -z-10 top-0 right-0 pr-[15px] w-[calc(50%-19px)] md:w-[175px] lg:pr-[23px] lg:w-[168px] xl:w-[198px] xl:pr-[26px] ${avg && ["365d", "max"].includes(selectedTimespan)
                 ? "translate-y-[calc(-100%+3px)]"
                 : "translate-y-0 "
-            }`}
+              }`}
           >
             <div className="font-medium bg-forest-100 dark:bg-forest-1000 rounded-t-2xl border border-forest-700 dark:border-forest-400 text-center w-full py-1 z-0 ">
               7-day rolling average
@@ -1267,8 +1259,8 @@ export default function ComparisonChart({
                         constructorType={"stockChart"}
                       />
                     </div>
-                    <div className="absolute bottom-[48.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-40 mix-blend-lighten">
-                      <ChartWatermark className="w-[128.67px] h-[30.67px]" />
+                    <div className="absolute bottom-[48.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-40">
+                      <ChartWatermark className="w-[128.67px] h-[30.67px] text-forest-300 dark:text-[#EAECEB] mix-blend-darken dark:mix-blend-lighten" />
                     </div>
                   </div>
                 </div>
@@ -1351,11 +1343,10 @@ export default function ComparisonChart({
               <div className="flex justify-center items-center pl-0 md:pl-0 w-full md:w-auto">
                 <div className="flex justify-between md:justify-center items-center  space-x-[4px] md:space-x-1 mr-0 md:mr-2.5 w-full md:w-auto ">
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "absolute" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"absolute" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("absolute");
                     }}
@@ -1363,11 +1354,10 @@ export default function ComparisonChart({
                     Absolute
                   </button>
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "log" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"log" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("log");
                     }}
@@ -1375,11 +1365,10 @@ export default function ComparisonChart({
                     Stacked
                   </button>
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "percentage" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"percentage" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("percentage");
                     }}
@@ -1425,11 +1414,10 @@ export default function ComparisonChart({
               <div className="flex justify-center items-center pl-0 md:pl-0 w-full md:w-auto">
                 <div className="flex justify-between md:justify-center items-center  space-x-[4px] md:space-x-1 mr-0 md:mr-2.5 w-full md:w-auto ">
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "absolute" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"absolute" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("absolute");
                     }}
@@ -1437,11 +1425,10 @@ export default function ComparisonChart({
                     Absolute
                   </button>
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "log" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"log" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("log");
                     }}
@@ -1449,11 +1436,10 @@ export default function ComparisonChart({
                     Stacked
                   </button>
                   <button
-                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${
-                      "percentage" === selectedScale
+                    className={`rounded-full z-10 px-[16px] py-[6px] w-full md:w-auto text-sm md:text-base  lg:px-4 lg:py-1 lg:text-base xl:px-4 xl:py-1 xl:text-base font-medium  ${"percentage" === selectedScale
                         ? "bg-forest-500 dark:bg-forest-1000"
                         : "hover:bg-forest-500/10"
-                    }`}
+                      }`}
                     onClick={() => {
                       setSelectedScale("percentage");
                     }}
diff --git a/components/layout/LandingChart.tsx b/components/layout/LandingChart.tsx
index 13032fb8..3769cd2c 100644
--- a/components/layout/LandingChart.tsx
+++ b/components/layout/LandingChart.tsx
@@ -1661,8 +1661,8 @@ export default function LandingChart({
                 }}
               />
             </div>
-            <div className="absolute bottom-[46.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-50 mix-blend-lighten">
-              <ChartWatermark className="w-[128.67px] h-[30.67px] md:w-[193px] md:h-[46px]" />
+            <div className="absolute bottom-[46.5%] left-0 right-0 flex items-center justify-center pointer-events-none z-0 opacity-50">
+              <ChartWatermark className="w-[128.67px] h-[30.67px] md:w-[193px] md:h-[46px] text-forest-300 dark:text-[#EAECEB] mix-blend-darken dark:mix-blend-lighten" />
             </div>
             {filteredData.length === 0 && (
               <div className="absolute top-[calc(50%+2rem)] left-[0px] text-xs font-medium flex justify-center w-full text-forest-500/60">