diff --git a/templates/react-ts-example/src/App.tsx b/templates/react-ts-example/src/App.tsx
index 6bf11bcc..47da2709 100644
--- a/templates/react-ts-example/src/App.tsx
+++ b/templates/react-ts-example/src/App.tsx
@@ -19,7 +19,7 @@ const App: FC = () => {
   return (
     <>
       <div className="relative isolate min-h-[100dvh]">
-        <main className="mx-auto max-w-(--breakpoint-2xl) py-16 px-8 md:px-24 tall:min-h-[calc(100dvh-128px)]">
+        <main className="mx-auto max-w-(--breakpoint-2xl) py-16 px-8 md:px-24 [@media(min-height:800px)]:min-h-[calc(100dvh-128px)]">
           <h1 className="dark:text-white text-5xl md:text-6xl font-bold tracking-tight md:pt-24">
             Example App
           </h1>