diff --git a/src/navbar/timelord.scss b/src/navbar/timelord.scss
index 160cff8..db40f3a 100644
--- a/src/navbar/timelord.scss
+++ b/src/navbar/timelord.scss
@@ -24,7 +24,7 @@
   }
 
   .source,
-  .silence {
+  .error {
     margin-left: 1em;
     border-left: 2px solid gray;
     padding-left: 1em;
diff --git a/src/navbar/timelord.tsx b/src/navbar/timelord.tsx
index f23878e..f5f13be 100644
--- a/src/navbar/timelord.tsx
+++ b/src/navbar/timelord.tsx
@@ -69,9 +69,9 @@ export function Timelord() {
       !(
         broadcastState.connectionState in ["LIVE", "CONNECTED", "NOT_CONNECTED"]
       ) ? (
-        <span className="silence">Streaming Error!</span>
-      ) : isSilence ? (
-        <span className="silence">SILENCE DETECTED</span>
+        <span className="error">Streaming Error!</span>
+      ) : !isSilence ? (
+        <span className="error">SILENCE DETECTED</span>
       ) : (
         <span className="source">
           <span className={"studio studio" + source.id}>{source.name}</span>