diff --git a/package-lock.json b/package-lock.json
index 047f704..0d29804 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6558,6 +6558,44 @@
         "node": ">=10"
       }
     },
+    "node_modules/@rollup/plugin-commonjs": {
+      "version": "28.0.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
+      "integrity": "sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "commondir": "^1.0.1",
+        "estree-walker": "^2.0.2",
+        "fdir": "^6.2.0",
+        "is-reference": "1.2.1",
+        "magic-string": "^0.30.3",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0 || 14 >= 14.17"
+      },
+      "peerDependencies": {
+        "rollup": "^2.68.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.3",
       "dev": true,
@@ -6579,11 +6617,6 @@
         }
       }
     },
-    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
-      "version": "2.0.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@rollup/pluginutils/node_modules/picomatch": {
       "version": "4.0.2",
       "dev": true,
@@ -7751,11 +7784,6 @@
         "source-map-js": "^1.2.0"
       }
     },
-    "node_modules/@vue/compiler-core/node_modules/estree-walker": {
-      "version": "2.0.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@vue/compiler-dom": {
       "version": "3.5.12",
       "dev": true,
@@ -11607,6 +11635,12 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "license": "BSD-2-Clause",
@@ -12172,6 +12206,20 @@
       "version": "1.0.2",
       "license": "MIT"
     },
+    "node_modules/fdir": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.2.tgz",
+      "integrity": "sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==",
+      "dev": true,
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fetch-retry": {
       "version": "4.1.1",
       "license": "MIT"
@@ -13547,6 +13595,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-reference": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+      "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.1.4",
       "license": "MIT",
@@ -21978,6 +22035,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.13.0",
+        "@rollup/plugin-commonjs": "^28.0.1",
         "@stylexjs/babel-plugin": "^0.9.3",
         "@types/react": "^18.3.12",
         "@types/react-dom": "^18.3.1",
diff --git a/packages/mobile-app/app/(tabs)/ui.tsx b/packages/mobile-app/app/(tabs)/ui.tsx
index 9d3f769..ae764ff 100644
--- a/packages/mobile-app/app/(tabs)/ui.tsx
+++ b/packages/mobile-app/app/(tabs)/ui.tsx
@@ -5,6 +5,7 @@ import { useState } from "react";
 export default function UiKit() {
   const scheme = useColorScheme();
   const [count, setCount] = useState(0);
+
   return (
     <View
       style={{
@@ -15,10 +16,8 @@ export default function UiKit() {
     >
       <Text>Count: {count}</Text>
       <Button title="Press me" onClick={() => setCount(count + 1)} />
-      <Button disabled title="Press me" onClick={() => setCount(count + 1)} />
-
       <Box>
-        <Text>Hello</Text>
+        <Button disabled title="Press me" onClick={() => setCount(count + 1)} />
       </Box>
     </View>
   );
diff --git a/packages/tackle-box/lib/components/Box/Box.tsx b/packages/tackle-box/lib/components/Box/Box.tsx
index 9b632ce..08b5768 100644
--- a/packages/tackle-box/lib/components/Box/Box.tsx
+++ b/packages/tackle-box/lib/components/Box/Box.tsx
@@ -1,17 +1,14 @@
 import { ReactElement } from "react";
-import { html, css } from "react-strict-dom";
-
-const styles = css.create({
-  base: {
-    display: "flex",
-    flexDirection: "column",
-  },
-});
+import { html } from "react-strict-dom";
 
 type Props = {
   children?: ReactElement;
 };
 
 export function Box({ children }: Props) {
-  return <html.div style={[styles.base]}>{children}</html.div>;
+  return (
+    <html.div>
+      <html.span>{children}</html.span>
+    </html.div>
+  );
 }
diff --git a/packages/tackle-box/lib/components/Stack/Stack.tsx b/packages/tackle-box/lib/components/Stack/Stack.tsx
deleted file mode 100644
index 6d7953c..0000000
--- a/packages/tackle-box/lib/components/Stack/Stack.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { ReactElement } from "react";
-import { html } from "react-strict-dom";
-
-type Props = {
-  children?: ReactElement;
-  direction: "horizontal" | "vertical";
-};
-
-export function Stack({ children }: Props) {
-  return <html.div>{children}</html.div>;
-}
diff --git a/packages/tackle-box/package.json b/packages/tackle-box/package.json
index f137cd4..887e437 100644
--- a/packages/tackle-box/package.json
+++ b/packages/tackle-box/package.json
@@ -33,6 +33,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
+    "@rollup/plugin-commonjs": "^28.0.1",
     "@stylexjs/babel-plugin": "^0.9.3",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
diff --git a/packages/tackle-box/vite.config.ts b/packages/tackle-box/vite.config.ts
index ca29cae..3beefa0 100644
--- a/packages/tackle-box/vite.config.ts
+++ b/packages/tackle-box/vite.config.ts
@@ -2,6 +2,7 @@ import { defineConfig, PluginOption } from "vite";
 import { resolve } from "path";
 import react from "@vitejs/plugin-react";
 import dts from "vite-plugin-dts";
+// import commonjs from "@rollup/plugin-commonjs";
 // import reactStrictBabelPreset from "react-strict-dom/babel-preset";
 
 function getPlatform(mode: string) {
@@ -48,9 +49,7 @@ export default defineConfig(({ mode }) => {
           globals: {
             react: "react",
           },
-          generatedCode: {
-            symbols: false,
-          },
+          interop: "auto",
         },
       },
     },