2 files changed, 15 insertions, 0 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status.ts b/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status.ts
index 0bd02d55f9..eb467d5cca 100644
--- a/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status.ts
+++ b/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status.ts
@@ -37,6 +37,9 @@ export enum ChangeStates {
   REVERT_CREATED = 'Revert Created',
   REVERT_SUBMITTED = 'Revert Submitted',
   WIP = 'WIP',
+  DEFERRED = 'Deferred',
+  INTEGRATING = 'Integrating',
+  STAGED = 'Staged',
 }
 
 const WIP_TOOLTIP =
diff --git a/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status_html.ts b/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status_html.ts
index 455bd4e0a9..168647ba07 100644
--- a/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status_html.ts
+++ b/polygerrit-ui/app/elements/shared/gr-change-status/gr-change-status_html.ts
@@ -32,6 +32,18 @@ export const htmlTemplate = html`
       background-color: var(--status-abandoned);
       color: var(--status-abandoned);
     }
+    :host(.deferred) .chip {
+      background-color: var(--status-deferred);
+      color: var(--status-deferred);
+    }
+    :host(.integrating) .chip {
+      background-color: var(--status-integrating);
+      color: var(--status-integrating);
+    }
+    :host(.staged) .chip {
+      background-color: var(--status-staged);
+      color: var(--status-staged);
+    }
     :host(.wip) .chip {
       background-color: var(--status-wip);
       color: var(--status-wip);