diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestoneItem/MilestoneAutomation.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestoneItem/MilestoneAutomation.tsx
index b101288e01..456243c024 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestoneItem/MilestoneAutomation.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestoneItem/MilestoneAutomation.tsx
@@ -1,4 +1,5 @@
 import Add from '@mui/icons-material/Add';
+import WarningAmber from '@mui/icons-material/WarningAmber';
 import { Badge } from 'component/common/Badge/Badge';
 import type { IReleasePlanMilestone } from 'interfaces/releasePlans';
 import type { ChangeMilestoneProgressionSchema } from 'openapi';
@@ -53,11 +54,16 @@ export const MilestoneAutomation = ({
         pendingProgressionChange?.action === 'changeMilestoneProgression';
     const hasPendingDelete =
         pendingProgressionChange?.action === 'deleteMilestoneProgression';
+    const isPaused = Boolean(milestone.pausedAt);
 
     const badge = hasPendingDelete ? (
         <Badge color='error'>Deleted in draft</Badge>
     ) : hasPendingChange ? (
         <Badge color='warning'>Modified in draft</Badge>
+    ) : isPaused ? (
+        <Badge color='error' icon={<WarningAmber fontSize='small' />}>
+            Paused
+        </Badge>
     ) : undefined;
 
     return (
diff --git a/frontend/src/interfaces/releasePlans.ts b/frontend/src/interfaces/releasePlans.ts
index 4bb368963d..9bb6346b9f 100644
--- a/frontend/src/interfaces/releasePlans.ts
+++ b/frontend/src/interfaces/releasePlans.ts
@@ -52,6 +52,7 @@ export interface IReleasePlanMilestone {
     releasePlanDefinitionId: string;
     strategies: IReleasePlanMilestoneStrategy[];
     startedAt?: string | null;
+    pausedAt?: string | null;
     transitionCondition?: {
         intervalMinutes: number;
     } | null;