diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 480e9b3..74ec416 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -64,6 +64,11 @@ const RootLayout: FC<Props> = ({ children }) => {
           type="text/css"
           href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
         />
+        {/* Prevent zoom on mobile */}
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, maximum-scale=1"
+        />
       </head>
       <body>
         <div className="relative min-h-screen w-full snap-mandatory bg-background-light dark:bg-background">
