diff --git a/templates/index.html b/templates/index.html
index cf81b53..2a5c3c5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -252,11 +252,18 @@
 
                 Word :
                 <span id="displayWord">
-                    ...
+                   No letters detected yet.
                 </span>
 
             </div>
 
+            <div class="instruction-box mt-2">
+                <p><strong>Instructions:</strong></p>
+                <p>👋 Show your hand to the camera.</p>
+                <p>➕ Click "Add Letter" to add the detected sign.</p>
+                <p>🔤 Build your word letter by letter.</p>
+            </div>
+
             <div class="controls">
 
                 <button
@@ -395,7 +402,7 @@
 
                     document.getElementById(
                         'displayWord'
-                    ).textContent = data.word;
+                    ).textContent = data.word && data.word.trim()!==""? data.word:"No letters detectded yet.";
 
                 });
         }