From bf5de147868101b2fb578af071f32d73326e0de0 Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissa.crane@coinbase.com>
Date: Wed, 16 Oct 2024 22:34:03 -0700
Subject: [PATCH] add pressable style

---
 src/components/Navbar.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index e6d50c8..454980a 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -13,7 +13,12 @@ import type { NavbarLinkReact } from 'src/types';
 
 function NavbarLink({ link, label }: NavbarLinkReact) {
   return (
-    <li className="flex cursor-pointer items-center justify-center gap-2">
+    <li
+      className={cn(
+        'flex cursor-pointer items-center justify-center gap-2 p-1 rounded',
+        pressable.default,
+      )}
+    >
       <a
         href={link}
         className="ock-text-foreground flex items-center text-xs"
@@ -38,7 +43,7 @@ export default function Navbar() {
 
   return (
     <header className="-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-[white]">
-      <div className="mx-auto max-w-5xl px-4 py-3 lg:px-6">
+      <div className="mx-auto max-w-5xl px-3 py-2 lg:px-5">
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-3">
             <OnchainKitShopSvg />