diff --git a/app/layout.tsx b/app/layout.tsx
index 75e4d13..09406ce 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,6 +3,8 @@ import { Inter } from "next/font/google"
 import "./globals.css"
 import { metaDataOptions } from "@/lib/metadata-options"
 
+import { Analytics } from "@vercel/analytics/react"
+
 const inter = Inter({ subsets: ["latin"] })
 
 export const metadata: Metadata = {
@@ -16,7 +18,10 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+        {children}
+        <Analytics />
+      </body>
     </html>
   )
 }
diff --git a/components/UI/Lab.tsx b/components/UI/Lab.tsx
index 113f069..84de54d 100644
--- a/components/UI/Lab.tsx
+++ b/components/UI/Lab.tsx
@@ -90,7 +90,7 @@ const Lab = ({ email, lab, data, mutate }: LabProps) => {
   }, [data, lab.name])
 
   return (
-    <div className="inline-flex items-center">
+    <div className="flex items-center">
       <label
         className="relative flex items-center p-3 rounded-full cursor-pointer"
         htmlFor={lab.name}
diff --git a/package-lock.json b/package-lock.json
index f7fdadf..f17824b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "aws-rstart-labs",
       "version": "0.1.0",
       "dependencies": {
+        "@vercel/analytics": "^1.1.4",
         "axios": "^1.6.7",
         "mongoose": "^8.1.1",
         "next": "14.1.0",
@@ -1086,6 +1087,14 @@
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "dev": true
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.1.4.tgz",
+      "integrity": "sha512-CVzw3SLcPSc31tRDLLqDGqWQCv6/ylpEZnW7AYMvtvRsO2Q8hmjBVOqvo2Ok6MZnYf262O8c86LB2K9vK1/ZbQ==",
+      "dependencies": {
+        "server-only": "^0.0.1"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -6236,6 +6245,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/server-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/server-only/-/server-only-0.0.1.tgz",
+      "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA=="
+    },
     "node_modules/set-function-length": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.0.tgz",
diff --git a/package.json b/package.json
index 0e1c2fd..a43860f 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "cypress:run": "cypress run"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.1.4",
     "axios": "^1.6.7",
     "mongoose": "^8.1.1",
     "next": "14.1.0",
