diff --git a/x-pack/plugins/apm/public/components/app/RumDashboard/CoreVitals/index.tsx b/x-pack/plugins/apm/public/components/app/RumDashboard/CoreVitals/index.tsx
index b027609fd3a7..0135f0b36953 100644
--- a/x-pack/plugins/apm/public/components/app/RumDashboard/CoreVitals/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/RumDashboard/CoreVitals/index.tsx
@@ -28,7 +28,7 @@ export function CoreVitals({ data, loading }: Props) {
       <EuiFlexItem>
         <CoreVitalItem
           title={LCP_LABEL}
-          value={lcp ? lcp + 's' : '0'}
+          value={lcp ? lcp + ' s' : '0'}
           ranks={lcpRanks}
           loading={loading}
           thresholds={CoreVitalsThresholds.LCP}
@@ -37,7 +37,7 @@ export function CoreVitals({ data, loading }: Props) {
       <EuiFlexItem>
         <CoreVitalItem
           title={FID_LABEL}
-          value={fid ? fid + 's' : '0'}
+          value={fid ? fid + ' s' : '0'}
           ranks={fidRanks}
           loading={loading}
           thresholds={CoreVitalsThresholds.FID}
diff --git a/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/KeyUXMetrics.tsx b/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/KeyUXMetrics.tsx
index b4a350d41557..5c9a636adec8 100644
--- a/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/KeyUXMetrics.tsx
+++ b/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/KeyUXMetrics.tsx
@@ -24,7 +24,7 @@ export function formatToSec(
   const valueInMs = Number(value ?? 0) / (fromUnit === 'MicroSec' ? 1000 : 1);
 
   if (valueInMs < 1000) {
-    return valueInMs + ' ms';
+    return valueInMs.toFixed(0) + ' ms';
   }
   return (valueInMs / 1000).toFixed(2) + ' s';
 }
@@ -69,7 +69,7 @@ export function KeyUXMetrics({ data, loading }: Props) {
       <EuiFlexItem grow={false} style={STAT_STYLE}>
         <EuiStat
           titleSize="s"
-          title={formatToSec(data?.tbt)}
+          title={formatToSec(data?.tbt, 'ms')}
           description={TBT_LABEL}
           isLoading={loading}
         />
diff --git a/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/index.tsx b/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/index.tsx
index bb5d37a10fb3..94c3acfaa972 100644
--- a/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/RumDashboard/UXMetrics/index.tsx
@@ -23,7 +23,7 @@ export interface UXMetrics {
   cls: string;
   fid: string;
   lcp: string;
-  tbt: string;
+  tbt: number;
   fcp: number;
   lcpRanks: number[];
   fidRanks: number[];
diff --git a/x-pack/plugins/apm/server/lib/rum_client/get_web_core_vitals.ts b/x-pack/plugins/apm/server/lib/rum_client/get_web_core_vitals.ts
index 4fcfb53a0588..2ff0173b9ac1 100644
--- a/x-pack/plugins/apm/server/lib/rum_client/get_web_core_vitals.ts
+++ b/x-pack/plugins/apm/server/lib/rum_client/get_web_core_vitals.ts
@@ -127,7 +127,7 @@ export async function getWebCoreVitals({
     cls: String(cls?.values['50.0']?.toFixed(2) || 0),
     fid: ((fid?.values['50.0'] || 0) / 1000).toFixed(2),
     lcp: ((lcp?.values['50.0'] || 0) / 1000).toFixed(2),
-    tbt: ((tbt?.values['50.0'] || 0) / 1000).toFixed(2),
+    tbt: tbt?.values['50.0'] || 0,
     fcp: fcp?.values['50.0'] || 0,
 
     lcpRanks: getRanksPercentages(lcpRanks?.values ?? defaultRanks),
diff --git a/x-pack/test/apm_api_integration/trial/tests/csm/web_core_vitals.ts b/x-pack/test/apm_api_integration/trial/tests/csm/web_core_vitals.ts
index 18beb76e5a3a..6364a79a12f0 100644
--- a/x-pack/test/apm_api_integration/trial/tests/csm/web_core_vitals.ts
+++ b/x-pack/test/apm_api_integration/trial/tests/csm/web_core_vitals.ts
@@ -71,7 +71,7 @@ export default function rumServicesApiTests({ getService }: FtrProviderContext)
               0,
               0,
             ],
-            "tbt": "0.00",
+            "tbt": 0,
           }
         `);
       });