diff --git a/src/components/landing/onboarding/LandingHeader.tsx b/src/components/landing/onboarding/LandingHeader.tsx
index e4b402c..1ebb87a 100644
--- a/src/components/landing/onboarding/LandingHeader.tsx
+++ b/src/components/landing/onboarding/LandingHeader.tsx
@@ -20,15 +20,16 @@ const ANCHORS = [
   { label: 'FAQ', id: 'faq' }
 ]
 
+// 세로 여백은 누르는 면적용이다 — 글자 높이(20px)만으로는 손가락으로 잘 안 눌린다. 헤더 높이는 고정이라 모양은 그대로다.
 const LINK_CLASS =
-  'whitespace-nowrap text-[15px] text-dusk-ink-500 transition-colors hover:text-dusk-ink-100'
+  'whitespace-nowrap py-2.5 text-[15px] text-dusk-ink-500 transition-colors hover:text-dusk-ink-100'
 
 /**
  * 운영진만 보는 진입 버튼. 지원하기(ember)와 겹치지 않게 테두리만 준다 —
  * 방문자에게 가장 중요한 버튼이 두 개로 보이면 안 된다.
  */
 const ADMIN_LINK_CLASS =
-  'whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 py-1.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
+  'inline-flex h-10 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
 
 export function scrollToSection(id: string) {
   document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' })
diff --git a/src/components/ui/common/DevHeader.tsx b/src/components/ui/common/DevHeader.tsx
index 1362f18..f2e1a17 100644
--- a/src/components/ui/common/DevHeader.tsx
+++ b/src/components/ui/common/DevHeader.tsx
@@ -1,13 +1,20 @@
 import React from 'react'
 
+/**
+ * 안내 문구일 뿐이라 터치를 받지 않는다. 화면 맨 위 32px 을 투명하게 덮고 있어서,
+ * 받게 두면 그 아래 헤더 버튼(운영·내 정보)의 윗부분이 눌리지 않는다 — dev 에서만 생기는 일이라 놓치기 쉽다.
+ */
 export default function DevHeader() {
   return (
     <>
-        <div className="fixed top-0 left-0 w-full h-8 bg-transparent text-red-500" style={{zIndex: 999999}}>
-            <div className="flex justify-between items-center">
-                <div className="text-2xl font-bold">Dev 서버입니다.</div>
-            </div>
+      <div
+        className="pointer-events-none fixed top-0 left-0 w-full h-8 bg-transparent text-red-500"
+        style={{ zIndex: 999999 }}
+      >
+        <div className="flex justify-between items-center">
+          <div className="text-2xl font-bold">Dev 서버입니다.</div>
         </div>
+      </div>
     </>
   )
-}
\ No newline at end of file
+}
diff --git a/src/components/ui/design-system/GdgSiteHeader.tsx b/src/components/ui/design-system/GdgSiteHeader.tsx
index d057d88..142c3c5 100644
--- a/src/components/ui/design-system/GdgSiteHeader.tsx
+++ b/src/components/ui/design-system/GdgSiteHeader.tsx
@@ -49,7 +49,7 @@ const PROFILE_URL = '/profile/'
  * 일반 메뉴와 섞여 보이면 안 되고, 강조색(ember)은 지원하기 같은 주 행동 몫이다.
  */
 const ADMIN_ENTRY_CLASS =
-  'inline-flex h-9 shrink-0 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
+  'inline-flex h-10 shrink-0 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
 
 export function GdgSiteHeader({
   menus,