From 065d16d12bf94ec81f05f77817a1d81116979c5a Mon Sep 17 00:00:00 2001
From: Ezhil Shanmugham <ezhil930@gmail.com>
Date: Wed, 7 Aug 2024 00:12:11 +0530
Subject: [PATCH] fix nav bar

---
 app/components/Nav.tsx | 2 +-
 app/form/page.tsx      | 8 ++++----
 app/globals.css        | 8 ++++++++
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/app/components/Nav.tsx b/app/components/Nav.tsx
index 76e145d..a6b0ba3 100644
--- a/app/components/Nav.tsx
+++ b/app/components/Nav.tsx
@@ -13,7 +13,7 @@ const Nav = () => {
   return (
     <div>
       <header className="bg-blue-950 text-white">
-        <nav>
+        <nav className='overflow-x-auto scrollbar-hidden'>
           <div className="flex justify-between items-center w-full px-5 md:px-10 py-4">
             <div className='hidden md:block'>
               <Link href="/">
diff --git a/app/form/page.tsx b/app/form/page.tsx
index de18727..025c9c6 100644
--- a/app/form/page.tsx
+++ b/app/form/page.tsx
@@ -275,10 +275,10 @@ export default function FormPage() {
                             </FormControl>
                             <SelectContent>
                               <SelectItem value="development">
-                                Development (Web Development and Open Source)
+                                Development (Web Development)
                               </SelectItem>
                               <SelectItem value="technical">
-                                Technical (CTF and Projects)
+                                Technical (Cybersecurity & CTF)
                               </SelectItem>
                               <SelectItem value="design">Design</SelectItem>
                               <SelectItem value="event">
@@ -345,10 +345,10 @@ export default function FormPage() {
                             </FormControl>
                             <SelectContent>
                               <SelectItem value="development">
-                                Development (Web Development and Open Source)
+                                Development (Web Development)
                               </SelectItem>
                               <SelectItem value="technical">
-                                Technical (CTF and Projects)
+                                Technical (Cybersecurity & CTF)
                               </SelectItem>
                               <SelectItem value="design">Design</SelectItem>
                               <SelectItem value="event">
diff --git a/app/globals.css b/app/globals.css
index 42d93bd..a1f3da8 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -69,3 +69,11 @@
     @apply bg-background text-foreground;
   }
 }
+
+.scrollbar-hidden {
+  scrollbar-width: none;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none;
+}