diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 6f8e879..a68ee6b 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -20,15 +20,15 @@
       <div class="formats">
         <h4>Select Quality:</h4>
         <div v-for="fmt in videoInfo.formats" :key="fmt.format_id" class="format-item"
-             :class="{ selected: selectedFormat === fmt.format_id }" @click="selectedFormat = fmt.format_id">
+             :class="{ selected: selectedFormat === fmt.format_id }" @click="selectedFormat = fmt.format_id; downloadReady = false; taskId = ''; progress = 0">
           <span class="quality">{{ fmt.quality }}</span>
           <span class="ext">{{ fmt.ext }}</span>
           <span v-if="fmt.filesize" class="size">~{{ humanSize(fmt.filesize) }}</span>
         </div>
       </div>
 
-      <button class="download-btn" @click="startDownload" :disabled="downloading">
-        {{ downloading ? '⏳ Downloading...' : '📥 Download' }}
+      <button class="download-btn" @click="startDownload" :disabled="downloading || downloadReady">
+        {{ downloading ? '⏳ Downloading...' : downloadReady ? '✅ Downloaded' : '📥 Download' }}
       </button>
     </div>