diff --git a/src/components/FourZeroFour/index.jsx b/src/components/FourZeroFour/index.jsx
index 30b2393..8253b7d 100644
--- a/src/components/FourZeroFour/index.jsx
+++ b/src/components/FourZeroFour/index.jsx
@@ -16,7 +16,7 @@ export default function FourZeroFour() {
     },
   };
   return (
-    <div className={`my-custom-bg-class flex justify-center items-center w-full h-screen before:content-[''] before:absolute before:inset-0 before:bg-[#cdcdcd]/[.8]`}>
+    <div className={`my-custom-bg-class flex justify-center items-center w-full min-h-screen before:content-[''] before:absolute before:inset-0 before:bg-[#cdcdcd]/[.8]`}>
       <div className="relative pt-32 max-w-3xl">
         {/* <Lottie options={defaultOptions} width={600} height={600} /> */}
         <div className="px-16 md:px-24 flex flex-col items-center justify-center gap-4">