1 files changed, 7 insertions, 2 deletions
diff --git a/app/assets/javascripts/monitoring/components/charts/area.vue b/app/assets/javascripts/monitoring/components/charts/area.vue
index edf9423c74c..aeaf88eca99 100644
--- a/app/assets/javascripts/monitoring/components/charts/area.vue
+++ b/app/assets/javascripts/monitoring/components/charts/area.vue
@@ -45,6 +45,11 @@ export default {
       required: false,
       default: () => false,
     },
+    singleMetric: {
+      type: Boolean,
+      required: false,
+      default: () => false,
+    },
     thresholds: {
       type: Array,
       required: false,
@@ -240,8 +245,8 @@ export default {
 </script>
 
 <template>
-  <div class="col-12 col-lg-6" :class="[showBorder ? 'p-2' : 'p-0']">
-    <div class="prometheus-graph" :class="{ 'prometheus-graph-embed w-100 p-3': showBorder }">
+  <div class="col-12" :class="[showBorder ? 'p-2' : 'p-0', { 'col-lg-6' : !singleMetric } ]">
+    <div :class="{ 'prometheus-graph-embed w-100 p-3': showBorder }">
       <div class="prometheus-graph-header">
         <h5 ref="graphTitle" class="prometheus-graph-title">{{ graphData.title }}</h5>
         <div ref="graphWidgets" class="prometheus-graph-widgets"><slot></slot></div>