diff --git a/static/js/components/RecipeModal.js b/static/js/components/RecipeModal.js
index f4845d6d..b6e198e3 100644
--- a/static/js/components/RecipeModal.js
+++ b/static/js/components/RecipeModal.js
@@ -960,7 +960,7 @@ class RecipeModal {
                                 ${lora.baseModel ? `<div class="base-model">${lora.baseModel}</div>` : ''}
                             </div>
                             ${actionsRow}
-                            ${isDeleted ? `
+                            ${isDeleted || lora.hashInvalid ? `
                             <div class="lora-reconnect-container" data-lora-index="${loraIndex}">
                                 <div class="reconnect-instructions">
                                     <p>Enter LoRA Syntax or Name to Reconnect:</p>
diff --git a/tests/frontend/components/recipeModal.resourceItems.test.js b/tests/frontend/components/recipeModal.resourceItems.test.js
index 5ab666b2..069ec8a9 100644
--- a/tests/frontend/components/recipeModal.resourceItems.test.js
+++ b/tests/frontend/components/recipeModal.resourceItems.test.js
@@ -342,7 +342,13 @@ describe('RecipeModal resource item interactions', () => {
     expect(badge.textContent).toContain('Unresolvable Hash');
 
     expect(invalidItem.querySelector('.lora-download')).toBeNull();
-    expect(invalidItem.querySelector('.lora-reconnect')).not.toBeNull();
+    const reconnectButton = invalidItem.querySelector('.lora-reconnect');
+    expect(reconnectButton).not.toBeNull();
+
+    reconnectButton.click();
+    const container = invalidItem.querySelector('.lora-reconnect-container');
+    expect(container).not.toBeNull();
+    expect(container.classList.contains('active')).toBe(true);
   });
 
   it('marks the entry hash-invalid when hash resolution returns Model not found', async () => {