diff --git a/frontend-modern/src/components/Workloads/stackedDiskBarModel.ts b/frontend-modern/src/components/Workloads/stackedDiskBarModel.ts
index fb79186391..fa3a282d86 100644
--- a/frontend-modern/src/components/Workloads/stackedDiskBarModel.ts
+++ b/frontend-modern/src/components/Workloads/stackedDiskBarModel.ts
@@ -169,9 +169,14 @@ function buildTooltipContent(
     inlineDiskMode: boolean;
     miniMode: boolean;
     thresholds?: MetricDisplayThresholds | null;
+    verticalBarsMode: boolean;
   },
 ): StackedDiskTooltipItem[] {
-  const useUsageColors = options.aggregateMode || options.inlineDiskMode || options.miniMode;
+  const useUsageColors =
+    options.aggregateMode ||
+    options.inlineDiskMode ||
+    options.miniMode ||
+    options.verticalBarsMode;
   if (disks.length > 0) {
     return disks.map((disk, index) => {
       const percentValue = getDiskUsagePercent(disk);
@@ -318,6 +323,7 @@ export function buildStackedDiskBarPresentation(
     inlineDiskMode,
     miniMode,
     thresholds: props.thresholds,
+    verticalBarsMode,
   });
 
   return {