diff --git a/apps/nextjs/src/components/workshop/workshop-install-button.tsx b/apps/nextjs/src/components/workshop/workshop-install-button.tsx
index b6ac5136a..c02fd1dd4 100644
--- a/apps/nextjs/src/components/workshop/workshop-install-button.tsx
+++ b/apps/nextjs/src/components/workshop/workshop-install-button.tsx
@@ -47,9 +47,10 @@ export function WorkshopInstallButton({ children, fullWidth }: WorkshopInstallBu
   const detailsModal = stack.register("details");
   const reportModal = stack.register("report");
 
-  const closeReview = () => {
+  const returnToDetails = () => {
     stack.close("review");
     setPendingWidget(null);
+    stack.open("details");
   };
 
   return (
@@ -82,6 +83,7 @@ export function WorkshopInstallButton({ children, fullWidth }: WorkshopInstallBu
             }}
             onInstall={async (widget) => {
               setPendingWidget(widget);
+              stack.close("details");
               stack.open("review");
             }}
           />
@@ -96,7 +98,7 @@ export function WorkshopInstallButton({ children, fullWidth }: WorkshopInstallBu
             cancel: t("backToWidget"),
             confirm: t("install"),
           }}
-          onClose={closeReview}
+          onClose={returnToDetails}
           onImported={() => {
             stack.closeAll();
             setPendingWidget(null);