diff --git a/matrixgw_frontend/src/routes/WSDebugRoute.tsx b/matrixgw_frontend/src/routes/WSDebugRoute.tsx
index f7073bf..a4e3bfd 100644
--- a/matrixgw_frontend/src/routes/WSDebugRoute.tsx
+++ b/matrixgw_frontend/src/routes/WSDebugRoute.tsx
@@ -49,7 +49,12 @@ export function WSDebugRoute(): React.ReactElement {
 
   return (
     <MatrixGWRouteContainer label={"WebSocket Debug"}>
-      State: {state}
+      <div>
+        State:{" "}
+        <span style={{ color: state == State.Connected ? "green" : "red" }}>
+          {state}
+        </span>
+      </div>
       {messages.map((msg, id) => (
         <div style={{ margin: "10px", backgroundColor: "black" }}>
           <JsonView