diff --git a/js/toolbar.js b/js/toolbar.js
index ecf4c6b479..890d0bfa73 100644
--- a/js/toolbar.js
+++ b/js/toolbar.js
@@ -357,16 +357,30 @@ class Toolbar {
         const stopIcon = docById("stop");
 
         let isPlayIconRunning = false;
+        const recordButton = docById("record");
 
         function handleClick() {
             if (!isPlayIconRunning) {
                 playIcon.onclick = null;
+                saveButton.disabled = true;
+                saveButtonAdvanced.disabled = true;
+                saveButton.className = "grey-text inactiveLink";
+                saveButtonAdvanced.className = "grey-text inactiveLink";
+                recordButton._tempOnClick = recordButton.onclick;
+                recordButton.onclick = null;
+                recordButton.style.opacity = "0.4";
                 // eslint-disable-next-line no-console
                 console.log("Wait for next 2 seconds to play the music");
             } else {
                 // eslint-disable-next-line no-use-before-define
                 playIcon.onclick = tempClick;
                 isPlayIconRunning = false;
+                saveButton.disabled = false;
+                saveButtonAdvanced.disabled = false;
+                saveButton.className = "";
+                saveButtonAdvanced.className = "";
+                recordButton.onclick = recordButton._tempOnClick;
+                recordButton.style.opacity = "1";
             }
         }