From 2ffdc069896a897636a44508b5433cb714a35e8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Galley?= <contact@kirkas.ch>
Date: Tue, 8 Oct 2024 11:17:04 -0400
Subject: [PATCH] Team feedback round 2

---
 apps/web/app/(base-org)/(root)/page.tsx                     | 2 +-
 apps/web/src/components/base-org/Button/index.tsx           | 6 ++++--
 .../src/components/base-org/shared/TopNavigation/index.tsx  | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/(base-org)/(root)/page.tsx b/apps/web/app/(base-org)/(root)/page.tsx
index d86bf64e35..f0071d8d20 100644
--- a/apps/web/app/(base-org)/(root)/page.tsx
+++ b/apps/web/app/(base-org)/(root)/page.tsx
@@ -92,7 +92,7 @@ export default async function Home() {
 
       <main className="relative z-20 flex w-full flex-col items-center bg-black">
         <Container>
-          <div className="flex flex-col gap-40 pb-40 pt-20">
+          <div className="flex flex-col gap-20 pb-40 pt-20 md:gap-40">
             <section>
               <Title level={TitleLevel.Display1}>
                 The future of the internet is onchain. Base is here to help you build it.
diff --git a/apps/web/src/components/base-org/Button/index.tsx b/apps/web/src/components/base-org/Button/index.tsx
index 83901ace24..78a7eeb647 100644
--- a/apps/web/src/components/base-org/Button/index.tsx
+++ b/apps/web/src/components/base-org/Button/index.tsx
@@ -16,10 +16,12 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
 
 const variantStyles: Record<ButtonVariants, string> = {
   // Blue button
-  [ButtonVariants.Primary]: 'bg-blue text-white hover:bg-blue-80 active:bg-[#06318E]',
+  [ButtonVariants.Primary]:
+    'bg-blue text-white border border-blue hover:bg-blue-80 active:bg-[#06318E]',
 
   // White buton
-  [ButtonVariants.Secondary]: 'bg-white text-palette-foreground hover:bg-gray-15 active:bg-gray-30',
+  [ButtonVariants.Secondary]:
+    'bg-white border border-white text-palette-foreground hover:bg-gray-15 active:bg-gray-30',
 
   // White outlined
   [ButtonVariants.Outlined]:
diff --git a/apps/web/src/components/base-org/shared/TopNavigation/index.tsx b/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
index 5ebfcf41b3..4bc15874fa 100644
--- a/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
+++ b/apps/web/src/components/base-org/shared/TopNavigation/index.tsx
@@ -110,12 +110,12 @@ export default function TopNavigation() {
         <div className="flex w-full items-center justify-between gap-2">
           {/* Logo and Gas price section */}
           <div className="relative z-20 flex items-center gap-4">
-            <Link href="/" className="flex min-h-[2.875rem] min-w-[2.875rem]">
+            <Link href="/" className="flex min-h-[3rem] min-w-[3rem]">
               <Image src={logo as StaticImageData} alt="Base Logo" />
             </Link>
 
             {gasPriceInWei && (
-              <div className="flex hidden items-center gap-2 rounded-xl bg-black px-4 py-2 md:flex">
+              <div className="flex hidden items-center gap-2 rounded-xl bg-black px-4 py-3 md:flex">
                 <span className="animate-pulse text-palette-positive">
                   <Icon name="blueCircle" color="currentColor" height="0.75rem" width="0.75rem" />
                 </span>