diff --git a/gui/preload-main.js b/gui/preload-main.js
index 4c636775..7f0b0bfb 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1835,20 +1835,30 @@ ipcRenderer.on("action-update-tnc-state", (event, arg) => {
   } else {
     document.getElementById("startStopRecording").textContent = "Start Rec";
   }
-
+  //CHANNEL CODEC2 BUSY STATE
+  if (arg.is_codec2_traffic == "True") {
+    toggleClass("c2_busy","btn-success",true);
+    toggleClass("c2_busy","btn-outline-secondary",false);
+  } else {
+    toggleClass("c2_busy","btn-success",false);
+    toggleClass("c2_busy","btn-outline-secondary",true);
+  }
   // CHANNEL BUSY STATE
   switch (arg.channel_busy) {
     case "True":
-      document.getElementById("channel_busy").className =
-        "btn btn-sm btn-danger";
+      toggleClass("channel_busy","btn-danger",true);
+      toggleClass("channel_busy","btn-success",false);
+      toggleClass("channel_busy","btn-secondary",false);
       break;
     case "False":
-      document.getElementById("channel_busy").className =
-        "btn btn-sm btn-success";
+      toggleClass("channel_busy","btn-danger",false);
+      toggleClass("channel_busy","btn-success",true);
+      toggleClass("channel_busy","btn-secondary",false);
       break;
     default:
-      document.getElementById("channel_busy").className =
-        "btn btn-sm btn-secondary";
+      toggleClass("channel_busy","btn-danger",false);
+      toggleClass("channel_busy","btn-success",false);
+      toggleClass("channel_busy","btn-secondary",true);
       break;
   }
 
diff --git a/gui/sock.js b/gui/sock.js
index 0d844930..13089d4d 100644
--- a/gui/sock.js
+++ b/gui/sock.js
@@ -223,6 +223,7 @@ client.on("data", function (socketdata) {
           audio_recording: data["audio_recording"],
           speed_list: data["speed_list"],
           strength: data["strength"],
+          is_codec2_traffic: data["is_codec2_traffic"],
           //speed_table: [{"bpm" : 5200, "snr": -3, "timestamp":1673555399},{"bpm" : 2315, "snr": 12, "timestamp":1673555500}],
         };
 
diff --git a/gui/src/index.html b/gui/src/index.html
index 3bf7cad0..6fd8cbff 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -921,6 +921,7 @@
                     ><strong><i class="bi bi-graph-up-arrow"></i></strong>
                   </label>
                 </div>
+                <div class="btn-group" role="group" aria-label="Basic example">
                 <button
                   class="btn btn-sm btn-secondary"
                   id="channel_busy"
@@ -933,6 +934,19 @@
                 >
                   busy
                 </button>
+                <button
+                class="btn btn-sm btn-outline-secondary"
+                id="c2_busy"
+                type="button"
+                data-bs-placement="top"
+                data-bs-toggle="tooltip"
+                data-bs-trigger="hover"
+                data-bs-html="true"
+                title="Recieve data: <strong class='text-success'>green if receiving codec2 data</strong>"
+              >
+                rd
+              </button>
+            </div>
               </div>
               <div class="card-body p-1" style="height: 200px">
                 <!--278px-->