diff --git a/apps/studio/components/ui/Charts/ComposedChart.utils.tsx b/apps/studio/components/ui/Charts/ComposedChart.utils.tsx
index faf1c5b826c..6a97a5b8649 100644
--- a/apps/studio/components/ui/Charts/ComposedChart.utils.tsx
+++ b/apps/studio/components/ui/Charts/ComposedChart.utils.tsx
@@ -320,14 +320,14 @@ export const CustomTooltip = ({
           {active && showTotal && (
             <div className="flex md:flex-col gap-1 md:gap-0 text-foreground mt-1">
               <span className="flex-grow text-foreground-lighter">Total</span>
-            <div className="flex items-end gap-1">
-              <span className="text-base">
-                {isPercentage
-                  ? formatPercentage(total as number, valuePrecision)
-                  : formatNumeric(total as number) +
-                    (!isPercentage && format !== 'ms' ? byteUnitSuffix : '')}
-                {format === 'ms' ? 'ms' : ''}
-              </span>
+              <div className="flex items-end gap-1">
+                <span className="text-base">
+                  {isPercentage
+                    ? formatPercentage(total as number, valuePrecision)
+                    : formatNumeric(total as number) +
+                      (!isPercentage && format !== 'ms' ? byteUnitSuffix : '')}
+                  {format === 'ms' ? 'ms' : ''}
+                </span>
                 {maxValueAttribute &&
                   !isPercentage &&
                   !isNaN((total as number) / maxValueData?.value) &&