diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 1965082..d1eb46d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -22,11 +22,11 @@ function statusIcon(state: State): ReactElement {
 
 function statusStyle(state: State) {
   if (state === State.Outage) {
-    return styles.down
+    return styles.outage
   } else if (state === State.Degraded) {
-    return styles.warning
+    return styles.degraded
   } else {
-    return styles.up
+    return styles.normal
   }
 }
 
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
index 6f3d2ae..d5f7d29 100644
--- a/src/styles/Home.module.css
+++ b/src/styles/Home.module.css
@@ -102,11 +102,11 @@
   stroke: var(--color-primary);
 }
 
-.warning {
+.degraded {
   border-color: var(--brand-alert-yellow);
 }
 
-.down {
+.outage {
   border-color: var(--brand-alert-red);
 }
 
@@ -147,11 +147,11 @@
   list-style-position: outside;
 }
 
-.warning .messages {
+.degraded .messages {
   color: var(--brand-alert-orange);
 }
 
-.down .messages {
+.outage .messages {
   color: var(--brand-alert-red);
 }