diff --git a/lib/generators/shopify_app/home_controller/templates/index.html.erb b/lib/generators/shopify_app/home_controller/templates/index.html.erb
index 87ba2085a..752f63cee 100644
--- a/lib/generators/shopify_app/home_controller/templates/index.html.erb
+++ b/lib/generators/shopify_app/home_controller/templates/index.html.erb
@@ -7,48 +7,52 @@
       rel="stylesheet"
       href="https://unpkg.com/@shopify/polaris@4.25.0/styles.min.css"
       />
-<% if embedded_app? %>    <script>
-      document.addEventListener("DOMContentLoaded", async function() {
-        <% if ShopifyApp.use_importmap? %>
-          await import("lib/shopify_app")
-        <% end %>
-
-        var SessionToken = window["app-bridge"].actions.SessionToken
-        var app = window.app;
+    <% if embedded_app? %>
+      <script type="module">
+        async function displayProducts() {
+          var SessionToken = window["app-bridge"].actions.SessionToken
+          var app = window.app;
 
-        app.dispatch(
-          SessionToken.request(),
-        );
-
-        // Save a session token for future requests
-        window.sessionToken = await new Promise((resolve) => {
-          app.subscribe(SessionToken.Action.RESPOND, (data) => {
-            resolve(data.sessionToken || "");
+          app.dispatch(
+            SessionToken.request(),
+          );
+          // Save a session token for future requests
+          window.sessionToken = await new Promise((resolve) => {
+            app.subscribe(SessionToken.Action.RESPOND, (data) => {
+              resolve(data.sessionToken || "");
+            });
           });
-        });
 
-        var fetchProducts = function() {
-          var headers = new Headers({ "Authorization": "Bearer " + window.sessionToken });
-          return fetch("/products", { headers })
-            .then(response => response.json())
-            .then(data => {
-              var products = data.products;
+          var fetchProducts = function() {
+            var headers = new Headers({ "Authorization": "Bearer " + window.sessionToken });
+            return fetch("/products", { headers })
+              .then(response => response.json())
+              .then(data => {
+                var products = data.products;
 
-              if (products === undefined || products.length == 0) {
-                document.getElementById("products").innerHTML = "<br>No products to display.";
-              } else {
-                var list = "";
-                products.forEach((product) => {
-                  var link = `<a target="_top" href="https://<%%= @shop_origin %>/admin/products/${product.id}">`
-                  list += "<li>" + link + product.title + "</a></li>";
-                });
-                document.getElementById("products").innerHTML = "<ul>" + list + "</ul>";
-              }
-            });
-        }();
-      });
-    </script>
-<% end %>  </head>
+                if (products === undefined || products.length == 0) {
+                  document.getElementById("products").innerHTML = "<br>No products to display.";
+                } else {
+                  var list = "";
+                  products.forEach((product) => {
+                    var link = `<a target="_top" href="https://<%%= @shop_origin %>/admin/products/${product.id}">`
+                    list += "<li>" + link + product.title + "</a></li>";
+                  });
+                  document.getElementById("products").innerHTML = "<ul>" + list + "</ul>";
+                }
+              });
+          }();
+        };
+
+        <% if ShopifyApp.use_importmap? %>
+          import "lib/shopify_app"
+          displayProducts();
+        <% else %>
+          document.addEventListener("DOMContentLoaded", displayProducts);
+        <% end %>
+      </script>
+    <% end %>
+  </head>
   <body>
     <h2>Products</h2>
 <% if embedded_app? %>    <div id="products"><br>Loading...</div><% else %>
