diff --git a/web/core/components/core/charts/tree-map/map-content.tsx b/web/core/components/core/charts/tree-map/map-content.tsx
index e7e1bfae165..f3b062cb08c 100644
--- a/web/core/components/core/charts/tree-map/map-content.tsx
+++ b/web/core/components/core/charts/tree-map/map-content.tsx
@@ -241,8 +241,8 @@ export const CustomTreeMapContent: React.FC<any> = ({
                 y={pY + pHeight - LAYOUT.TEXT.PADDING_LEFT}
                 textAnchor="start"
                 className={cn(
-                  "text-xs font-extralight tracking-wider select-none",
-                  textClassName || "text-custom-text-400"
+                  "text-sm font-extralight tracking-wider select-none",
+                  textClassName || "text-custom-text-300"
                 )}
                 fill="currentColor"
               >
@@ -252,8 +252,8 @@ export const CustomTreeMapContent: React.FC<any> = ({
                     {bottom.labelTruncated
                       ? truncateText(
                           label,
-                          availableTextWidth - calculateContentWidth(value, LAYOUT.TEXT.FONT_SIZES.XS) - 4,
-                          LAYOUT.TEXT.FONT_SIZES.XS
+                        availableTextWidth - calculateContentWidth(value, LAYOUT.TEXT.FONT_SIZES.SM) - 4,
+                        LAYOUT.TEXT.FONT_SIZES.SM
                         )
                       : label}
                   </tspan>