diff --git a/src/navbar/index.tsx b/src/navbar/index.tsx
index a70d203..c883b2a 100644
--- a/src/navbar/index.tsx
+++ b/src/navbar/index.tsx
@@ -56,9 +56,7 @@ export function NavBar() {
 								)
 							}
 						>
-							{broadcastState.recordingState === "NOT_CONNECTED"
-								? "Start Recording"
-								: "Stop Recording"}
+							Rec: {broadcastState.recordingState}
 						</button>
 					</li>
 				)}
@@ -74,7 +72,7 @@ export function NavBar() {
 							)
 						}
 					>
-						{broadcastState.connectionState}
+						Str: {broadcastState.connectionState}
 					</button>
 				</li>
 				<li className="nav-item dropdown">