diff --git a/beta/src/components/MDX/YouWillLearnCard.tsx b/beta/src/components/MDX/YouWillLearnCard.tsx
index b8b1261aa..839876029 100644
--- a/beta/src/components/MDX/YouWillLearnCard.tsx
+++ b/beta/src/components/MDX/YouWillLearnCard.tsx
@@ -14,7 +14,7 @@ interface YouWillLearnCardProps {
 
 function YouWillLearnCard({title, path, children}: YouWillLearnCardProps) {
   return (
-    <div className="flex flex-col h-full bg-card dark:bg-card-dark shadow-inner justify-between rounded-lg pb-8 p-6 xl:p-8">
+    <div className="flex flex-col h-full bg-card dark:bg-card-dark shadow-inner justify-between rounded-lg pb-8 p-6 xl:p-8 mt-3">
       <div>
         <h4 className="text-primary dark:text-primary-dark font-bold text-2xl leading-tight">
           {title}
diff --git a/beta/src/pages/apis/index.md b/beta/src/pages/apis/index.md
index a40d48a48..63cd2c3e3 100644
--- a/beta/src/pages/apis/index.md
+++ b/beta/src/pages/apis/index.md
@@ -52,7 +52,7 @@ Declares a ref.
 
 ```js
 function MyComponent() {
-  const inputRef = useState(null);
+  const inputRef = useRef(null);
   // ...
 ```