diff --git a/static/css/sb.css b/static/css/sb.css
index d7bf39c..9e528d9 100644
--- a/static/css/sb.css
+++ b/static/css/sb.css
@@ -29,6 +29,10 @@
     z-index: 10000;
 }
 
+#sb-countdown {
+    min-width: 20px;
+}
+
 .btn {
     margin-right: 10px;
 }
diff --git a/static/index.html b/static/index.html
index f0b5609..c2b22e4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -34,7 +34,7 @@
 
             <div class="row">
                 <div id="sb-message">
-                    <span id="sb-message-text">will be gone in few seconds!</span>
+                    <span id="sb-message-text">will be gone in few seconds! <span id="sb-countdown">&nbsp;</span></span>
                 </div>
                 <div id="canvas-container">
                     <video id="sb-video" autoplay="true" muted="muted"></video>
diff --git a/static/js/sb.js b/static/js/sb.js
index f554363..f9dadeb 100644
--- a/static/js/sb.js
+++ b/static/js/sb.js
@@ -103,6 +103,7 @@ function cancelPhoto() {
 
 
 function updateSendCountdown() {
+    document.querySelector("#sb-countdown").innerText = "" + countdown.seconds;
     console.log("deleting photo in " + countdown.seconds + " seconds");
 }