diff --git a/frontend/app/components/ui/banner.tsx b/frontend/app/components/ui/banner.tsx
index 61b3d68..987bc7b 100644
--- a/frontend/app/components/ui/banner.tsx
+++ b/frontend/app/components/ui/banner.tsx
@@ -52,7 +52,7 @@ export const Banner = ({
     <BannerContext.Provider value={{ show, setShow }}>
       <div
         className={cn(
-          "flex w-full items-center justify-between gap-2 bg-orange-400 px-4 py-1 text-white",
+          "flex w-full items-center justify-between gap-2 bg-orange-400 px-4 py-4 text-white md:py-1",
           inset && "rounded-lg",
           className,
         )}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index b15b356..5c61873 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -1,3 +1,5 @@
+import { Analytics } from "@vercel/analytics/next";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 import { Raleway } from "next/font/google";
 import Header from "./components/Header";
@@ -45,6 +47,8 @@ export default function RootLayout({
             </ThemeProvider>
           </TanStackProvider>
         </AuthProvider>
+        <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );
diff --git a/frontend/bun.lockb b/frontend/bun.lockb
index 76f83d5..d8f4d8c 100755
Binary files a/frontend/bun.lockb and b/frontend/bun.lockb differ
diff --git a/frontend/package.json b/frontend/package.json
index 28827c1..d85abfa 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,6 +20,8 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@tanstack/react-query": "^5.75.5",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "axios": "^1.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",