diff --git a/src/js/components/AutoSave.tsx b/src/js/components/AutoSave.tsx
index 48b6ca11..086cfa78 100644
--- a/src/js/components/AutoSave.tsx
+++ b/src/js/components/AutoSave.tsx
@@ -7,6 +7,8 @@ export default observer(() => {
   const { saved, autoSaveHandle } = useStore().AppStore
   const content =
     (autoSaveHandle && <CircularProgress size={24} />) ||
-    (saved && <InputLabel>Draft saved</InputLabel>)
+    (saved && (
+      <InputLabel>Draft saved. Click "Save" to apply the script.</InputLabel>
+    ))
   return <span>{content}</span>
 })
diff --git a/src/js/components/Save.tsx b/src/js/components/Save.tsx
index 13fa47ad..3ab53d77 100644
--- a/src/js/components/Save.tsx
+++ b/src/js/components/Save.tsx
@@ -4,10 +4,10 @@ import { useStore } from './StoreContext'
 import { observer } from 'mobx-react'
 
 export default observer(({ onSave }) => {
-  const { differentURL, tabMode } = useStore().AppStore
+  const { differentURL, tabMode, saved, draft } = useStore().AppStore
   return (
     <Button
-      color='primary'
+      color={saved || draft ? 'secondary' : 'primary'}
       disabled={differentURL && !tabMode}
       onClick={onSave}
     >