diff --git a/h/static/scripts/group-forms/index.tsx b/h/static/scripts/group-forms/index.tsx
index fe4c1a7b463..9f243d167dd 100644
--- a/h/static/scripts/group-forms/index.tsx
+++ b/h/static/scripts/group-forms/index.tsx
@@ -4,7 +4,7 @@ import CreateGroupForm from './components/CreateGroupForm';
 
 function init() {
   const shadowHost = document.querySelector('#create-group-form')!;
-  const shadowRoot = shadowHost.attachShadow({ mode: 'closed' });
+  const shadowRoot = shadowHost.attachShadow({ mode: 'open' });
   render(<CreateGroupForm />, shadowRoot);
 }