diff --git a/gui/src/components/chat_messages_sent.vue b/gui/src/components/chat_messages_sent.vue
index 059ba0fd..2dceebce 100644
--- a/gui/src/components/chat_messages_sent.vue
+++ b/gui/src/components/chat_messages_sent.vue
@@ -56,7 +56,8 @@
           v-if="message.percent < 100 || message.status === 'failed'"
         >
           <div
-            class="progress rounded-0 rounded-bottom" hidden
+            class="progress rounded-0 rounded-bottom"
+            hidden
             :style="{ height: '10px' }"
             v-bind:class="{
               'bg-danger': message.status == 'failed',
diff --git a/gui/src/components/main_footer_navbar.vue b/gui/src/components/main_footer_navbar.vue
index 592fd9ff..995c4f37 100644
--- a/gui/src/components/main_footer_navbar.vue
+++ b/gui/src/components/main_footer_navbar.vue
@@ -215,10 +215,7 @@ const state = useStateStore(pinia);
     </div>
     <div class="col-lg-4">
       <div style="margin-right: 2px">
-        <div
-          class="progress w-100 "
-          style="height: 20px; min-width: 200px"
-        >
+        <div class="progress w-100" style="height: 20px; min-width: 200px">
           <div
             class="progress-bar progress-bar-striped bg-primary force-gpu"
             id="transmission_progress"
@@ -235,7 +232,8 @@ const state = useStateStore(pinia);
           </p>
         </div>
 
-        <div hidden
+        <div
+          hidden
           class="progress mb-0 rounded-0 rounded-bottom"
           style="height: 10px"
         >
diff --git a/gui/src/js/eventHandler.js b/gui/src/js/eventHandler.js
index 91ec73a3..05f8c7b9 100644
--- a/gui/src/js/eventHandler.js
+++ b/gui/src/js/eventHandler.js
@@ -105,9 +105,9 @@ export function eventDispatcher(data) {
           case "NEW":
             message = `Type: ${data.type}, Session ID: ${data["arq-transfer-outbound"].session_id}, DXCall: ${data["arq-transfer-outbound"].dxcall}, Total Bytes: ${data["arq-transfer-outbound"].total_bytes}, State: ${data["arq-transfer-outbound"].state}`;
             displayToast("success", "bi-check-circle", message, 5000);
-            stateStore.dxcallsign = data["arq-transfer-outbound"].dxcall
+            stateStore.dxcallsign = data["arq-transfer-outbound"].dxcall;
             stateStore.arq_transmission_percent = 0;
-            stateStore.arq_total_bytes =0;
+            stateStore.arq_total_bytes = 0;
             return;
           case "OPEN_SENT":
             console.info("state OPEN_SENT needs to be implemented");
@@ -120,8 +120,12 @@ export function eventDispatcher(data) {
           case "BURST_SENT":
             message = `Type: ${data.type}, Session ID: ${data["arq-transfer-outbound"].session_id}, DXCall: ${data["arq-transfer-outbound"].dxcall}, Received Bytes: ${data["arq-transfer-outbound"].received_bytes}/${data["arq-transfer-outbound"].total_bytes}, State: ${data["arq-transfer-outbound"].state}`;
             displayToast("info", "bi-info-circle", message, 5000);
-            stateStore.arq_transmission_percent = data["arq-transfer-outbound"].received_bytes / data["arq-transfer-outbound"].total_bytes * 100;
-            stateStore.arq_total_bytes =  data["arq-transfer-outbound"].received_bytes;
+            stateStore.arq_transmission_percent =
+              (data["arq-transfer-outbound"].received_bytes /
+                data["arq-transfer-outbound"].total_bytes) *
+              100;
+            stateStore.arq_total_bytes =
+              data["arq-transfer-outbound"].received_bytes;
             return;
 
           case "ABORTING":
@@ -162,29 +166,41 @@ export function eventDispatcher(data) {
             message = `Type: ${data.type}, Session ID: ${data["arq-transfer-inbound"].session_id}, DXCall: ${data["arq-transfer-inbound"].dxcall}, State: ${data["arq-transfer-inbound"].state}`;
             displayToast("info", "bi-info-circle", message, 5000);
             stateStore.dxcallsign = data["arq-transfer-inbound"].dxcall;
-            stateStore.arq_transmission_percent=0;
+            stateStore.arq_transmission_percent = 0;
             stateStore.arq_total_bytes = 0;
             return;
 
           case "OPEN_ACK_SENT":
             message = `Session ID: ${data["arq-transfer-inbound"].session_id}, DXCall: ${data["arq-transfer-inbound"].dxcall}, Total Bytes: ${data["arq-transfer-inbound"].total_bytes}, State: ${data["arq-transfer-inbound"].state}`;
             displayToast("info", "bi-arrow-left-right", message, 5000);
-            stateStore.arq_transmission_percent = data["arq-transfer-inbound"].received_bytes / data["arq-transfer-inbound"].total_bytes * 100;
-            stateStore.arq_total_bytes = data["arq-transfer-inbound"].received_bytes;
+            stateStore.arq_transmission_percent =
+              (data["arq-transfer-inbound"].received_bytes /
+                data["arq-transfer-inbound"].total_bytes) *
+              100;
+            stateStore.arq_total_bytes =
+              data["arq-transfer-inbound"].received_bytes;
             return;
 
           case "INFO_ACK_SENT":
             message = `Type: ${data.type}, Session ID: ${data["arq-transfer-inbound"].session_id}, DXCall: ${data["arq-transfer-inbound"].dxcall}, Received Bytes: ${data["arq-transfer-inbound"].received_bytes}/${data["arq-transfer-inbound"].total_bytes}, State: ${data["arq-transfer-inbound"].state}`;
             displayToast("info", "bi-info-circle", message, 5000);
-            stateStore.arq_transmission_percent = data["arq-transfer-inbound"].received_bytes / data["arq-transfer-inbound"].total_bytes * 100;
-            stateStore.arq_total_bytes = data["arq-transfer-inbound"].received_bytes;
+            stateStore.arq_transmission_percent =
+              (data["arq-transfer-inbound"].received_bytes /
+                data["arq-transfer-inbound"].total_bytes) *
+              100;
+            stateStore.arq_total_bytes =
+              data["arq-transfer-inbound"].received_bytes;
             return;
 
           case "BURST_REPLY_SENT":
             message = `Type: ${data.type}, Session ID: ${data["arq-transfer-inbound"].session_id}, DXCall: ${data["arq-transfer-inbound"].dxcall}, Received Bytes: ${data["arq-transfer-inbound"].received_bytes}/${data["arq-transfer-inbound"].total_bytes}, State: ${data["arq-transfer-inbound"].state}`;
             displayToast("info", "bi-info-circle", message, 5000);
-            stateStore.arq_transmission_percent = data["arq-transfer-inbound"].received_bytes / data["arq-transfer-inbound"].total_bytes * 100;
-            stateStore.arq_total_bytes = data["arq-transfer-inbound"].received_bytes;
+            stateStore.arq_transmission_percent =
+              (data["arq-transfer-inbound"].received_bytes /
+                data["arq-transfer-inbound"].total_bytes) *
+              100;
+            stateStore.arq_total_bytes =
+              data["arq-transfer-inbound"].received_bytes;
             return;
 
           case "ENDED":
@@ -195,8 +211,12 @@ export function eventDispatcher(data) {
               data["arq-transfer-inbound"].data,
               data["arq-transfer-inbound"],
             );
-            stateStore.arq_transmission_percent = data["arq-transfer-inbound"].received_bytes / data["arq-transfer-inbound"].total_bytes * 100;
-            stateStore.arq_total_bytes = data["arq-transfer-inbound"].received_bytes;
+            stateStore.arq_transmission_percent =
+              (data["arq-transfer-inbound"].received_bytes /
+                data["arq-transfer-inbound"].total_bytes) *
+              100;
+            stateStore.arq_total_bytes =
+              data["arq-transfer-inbound"].received_bytes;
             return;
 
           case "ABORTED":