diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
index 8d9f52e23..78e068d6c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
@@ -1,35 +1,29 @@
 <template>
-  <SLA-metrics-layout :is-loading="isLoading">
-    <template #loading>
-      <div class="w-12 h-6 mb-0.5 rounded-md bg-slate-50 animate-pulse" />
-    </template>
-    <template #label>
-      <span
-        class="inline-flex items-center gap-1 text-sm text-slate-700 dark:text-slate-200 font-medium"
-      >
-        {{ label }}
-        <fluent-icon
-          v-tooltip.right="toolTip"
-          size="14"
-          icon="information"
-          type="outline"
-          class="flex-shrink-0 text-sm font-normal flex sm:font-medium text-slate-500 dark:text-slate-500"
-        />
-      </span>
-    </template>
-    <template #value>
-      <span class="text-2xl font-medium text-slate-900 dark:text-slate-25">
-        {{ value }}
-      </span>
-    </template>
-  </SLA-metrics-layout>
+  <div class="flex flex-col gap-2 items-start justify-center min-w-[10rem]">
+    <span
+      class="inline-flex items-center gap-1 text-sm text-slate-700 dark:text-slate-200 font-medium"
+    >
+      {{ label }}
+      <fluent-icon
+        v-tooltip.right="toolTip"
+        size="14"
+        icon="information"
+        type="outline"
+        class="flex-shrink-0 text-sm font-normal flex sm:font-medium text-slate-500 dark:text-slate-500"
+      />
+    </span>
+    <div
+      v-if="isLoading"
+      class="w-12 h-6 mb-0.5 rounded-md bg-slate-50 animate-pulse"
+    />
+
+    <span v-else class="text-2xl font-medium text-slate-900 dark:text-slate-25">
+      {{ value }}
+    </span>
+  </div>
 </template>
 <script>
-import SLAMetricsLayout from './SLAMetricsLayout.vue';
 export default {
-  components: {
-    SLAMetricsLayout,
-  },
   props: {
     label: {
       type: String,
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricsLayout.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricsLayout.vue
deleted file mode 100644
index 87731cdeb..000000000
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricsLayout.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup>
-defineProps({
-  isLoading: {
-    type: Boolean,
-    default: false,
-  },
-});
-</script>
-<template>
-  <div class="flex flex-col gap-2 items-start justify-center min-w-[10rem]">
-    <slot name="label" />
-    <slot v-if="isLoading" name="loading" />
-    <slot v-else name="value" />
-  </div>
-</template>