diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 1135d69ab..ff4582e89 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -210,3 +210,46 @@ details .arrow {
 .heading-upcoming-jobs {
   margin-top: govuk-spacing(3);
 }
+
+@keyframes live-pulse {
+  0%   {
+    background: $red;
+    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
+  }
+  40%   {
+    background: $red;
+    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
+  }
+  50% {
+    background: $white;
+    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 2px $white;
+  }
+  100% {
+    background: $white;
+    box-shadow: inset 0 0 0 2px $red, inset 0 0 0 4px $white;
+  }
+}
+
+.live-broadcast {
+
+  color: $red;
+  font-weight: bold;
+  position: relative;
+  display: inline-block;
+
+  &:before {
+    content: "";
+    display: block;
+    float: right;
+    margin-top: 1px;
+    margin-left: 5px;
+    border: none;
+    background: $red;
+    width: 19px;
+    height: 19px;
+    border-radius: 50%;
+    animation: live-pulse 1.5s infinite;
+    //box-shadow: inset 0 0 0 2px $red, inset 0 0 0 5px $white;
+  }
+
+}
diff --git a/app/templates/views/broadcast/partials/dashboard-table.html b/app/templates/views/broadcast/partials/dashboard-table.html
index dbd342917..ea4bbb586 100644
--- a/app/templates/views/broadcast/partials/dashboard-table.html
+++ b/app/templates/views/broadcast/partials/dashboard-table.html
@@ -26,7 +26,7 @@
           Prepared by {{ item.created_by.name }}
         </p>
       {% elif item.status == 'broadcasting' %}
-        <p class="govuk-body govuk-!-margin-top-6 govuk-!-margin-bottom-0">
+        <p class="govuk-body govuk-!-margin-top-6 govuk-!-margin-bottom-0 live-broadcast">
           Live until {{ item.finishes_at|format_datetime_relative }}
         </p>
       {% elif item.status == 'cancelled' %}