diff --git a/.changeset/thirty-hotels-buy.md b/.changeset/thirty-hotels-buy.md
new file mode 100644
index 00000000000..a8627d38f55
--- /dev/null
+++ b/.changeset/thirty-hotels-buy.md
@@ -0,0 +1,5 @@
+---
+"@clerk/astro": patch
+---
+
+Fixes an issue where control components in client-side rendered apps are always hidden.
diff --git a/packages/astro/src/integration/vite-plugin-astro-config.ts b/packages/astro/src/integration/vite-plugin-astro-config.ts
index f9505aeb580..26fef01ac0e 100644
--- a/packages/astro/src/integration/vite-plugin-astro-config.ts
+++ b/packages/astro/src/integration/vite-plugin-astro-config.ts
@@ -20,6 +20,13 @@ export function vitePluginAstroConfig(astroConfig: AstroConfig): VitePlugin {
         return resolvedVirtualModuleId;
       }
     },
+    config(config) {
+      // While Astro processes <script> tags by default, our control components
+      // which uses <script> tags and imports nanostores will not be processed by Astro.
+      // This ensures @clerk/astro/client is properly processed and bundled,
+      // resolving runtime import issues in these components.
+      config.optimizeDeps?.include?.push('@clerk/astro/client');
+    },
     load(id) {
       if (id === resolvedVirtualModuleId) {
         return `