diff --git a/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx b/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
index 0f42603e60..19c3199668 100644
--- a/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
+++ b/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
@@ -6,7 +6,6 @@ import {
   ModelServingMetricsContext,
 } from '~/pages/modelServing/screens/metrics/ModelServingMetricsContext';
 import { ContextResourceData, PrometheusQueryRangeResultValue } from '~/types';
-import { SUCCESS_FAIL_CHART_THEME } from '~/pages/modelServing/screens/metrics/const';
 import { per100 } from './utils';
 
 const ModelGraphs: React.FC = () => {
@@ -32,8 +31,8 @@ const ModelGraphs: React.FC = () => {
               translatePoint: per100,
             },
           ]}
+          color="blue"
           title="Http requests (x100)"
-          theme={SUCCESS_FAIL_CHART_THEME}
           isStack
         />
       </StackItem>
diff --git a/frontend/src/pages/modelServing/screens/metrics/const.ts b/frontend/src/pages/modelServing/screens/metrics/const.ts
index 9c0ff82886..0cc70a65f7 100644
--- a/frontend/src/pages/modelServing/screens/metrics/const.ts
+++ b/frontend/src/pages/modelServing/screens/metrics/const.ts
@@ -88,6 +88,7 @@ const themeProps = {
   chart: { colorScale },
   group: { colorScale },
   legend: { colorScale },
+  stack: { colorScale },
 };
 
 export const SUCCESS_FAIL_CHART_THEME = mergeTheme(ChartThemeColor.default, themeProps);