diff --git a/packages/app-tachyons-fela-prop/src/App.tsx b/packages/app-tachyons-fela-prop/src/App.tsx
index 726744d..48caaf1 100644
--- a/packages/app-tachyons-fela-prop/src/App.tsx
+++ b/packages/app-tachyons-fela-prop/src/App.tsx
@@ -5,7 +5,8 @@ function App() {
   const [count, setCount] = useState(0);
   return (
     <div>
-      <h1 css={Css.lightGray.$}>Vite + React</h1>
+      <h1 css={Css.black.$}>Vite + React</h1>
+      <h1 style={Css.black.$}>Vite + React</h1>
       <div>
         <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
       </div>
diff --git a/packages/app-tachyons-fela-prop/src/jsx-dev-runtime.js b/packages/app-tachyons-fela-prop/src/jsx-dev-runtime.js
index 2938347..d52c9ab 100644
--- a/packages/app-tachyons-fela-prop/src/jsx-dev-runtime.js
+++ b/packages/app-tachyons-fela-prop/src/jsx-dev-runtime.js
@@ -30,16 +30,12 @@ export function jsxDEV(type, props = {}, ...children) {
   if (props) {
     const { css, className, ...otherProps } = props;
     if (css) {
-      // Convert `{ color: "blue" }` --> `a`
-      const cn = renderer.renderRule(() => css, {});
-      return _jsxDEV(
-        type,
-        {
-          ...otherProps,
-          className: className ? cn + " " + className : cn,
-        },
-        ...children,
-      );
+      // Use emotion to convert `{ color: "blue" }` --> `a`
+      // const cn = renderer.renderRule(() => css, {});
+      // return _jsxDEV(type, { ...otherProps, className: className ? cn + " " + className : cn }, ...children);
+
+      // Or just use `style`
+      return _jsxDEV(type, { ...otherProps, style: css }, ...children);
     }
   }
   return _jsxDEV(type, props, ...children);