diff --git a/src/components/MagicUi/card.tsx b/src/components/MagicUi/card.tsx
index 1f7d0c778..c38fa8d4c 100644
--- a/src/components/MagicUi/card.tsx
+++ b/src/components/MagicUi/card.tsx
@@ -21,7 +21,7 @@ import { AnimatedBeamPig } from "../ui/beam";
 
 export default function BentoGridCard() {
   return (
-    <BentoGrid className="max-w-full mx-auto md:auto-rows-[30rem] relative z-auto">
+    <BentoGrid className="max-w-full mx-auto md:auto-rows-[32rem] relative z-auto">
       {items.map((item, i) => (
         <BentoGridItem
           key={i}
diff --git a/src/components/ui/aurora-back.tsx b/src/components/ui/aurora-back.tsx
index 14687fe6f..ce77b52f5 100644
--- a/src/components/ui/aurora-back.tsx
+++ b/src/components/ui/aurora-back.tsx
@@ -29,7 +29,7 @@ export const AuroraBackground = ({
               `
             [--white-gradient:repeating-linear-gradient(100deg,var(--white)_0%,var(--white)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--white)_16%)]
             [--dark-gradient:repeating-linear-gradient(100deg,var(--black)_0%,var(--black)_7%,var(--transparent)_10%,var(--transparent)_12%,var(--black)_16%)]
-            [--aurora:repeating-linear-gradient(100deg,var(--blue-500)_10%,var(--indigo-300)_15%,var(--blue-300)_20%,var(--violet-300)_25%,var(--blue-400)_30%)]
+            [--aurora:repeating-linear-gradient(100deg,var(--blue-500)_10%,#fda7df,var(--blue-300)_20%,#fda7df,var(--blue-400)_30%)]
             [background-image:var(--white-gradient),var(--aurora)]
             dark:[background-image:var(--dark-gradient),var(--aurora)]
             [background-size:300%,_200%]
@@ -43,7 +43,7 @@ export const AuroraBackground = ({
             absolute -inset-[10px] opacity-50 will-change-transform`,
 
               showRadialGradient &&
-                `[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,var(--transparent)_70%)]`
+              `[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,var(--transparent)_70%)]`
             )}
           ></div>
         </div>