diff --git a/docs/90_current_state.md b/docs/90_current_state.md
index b2ba694..cd11c96 100644
--- a/docs/90_current_state.md
+++ b/docs/90_current_state.md
@@ -44,6 +44,9 @@ Last Updated: 2026-02-28
   - `/app` 허브 배경 오버레이를 밝게 조정하고 룸 카드 어두운 마스크 강도 완화
   - `/space` 배경 오버레이/비네팅 강도를 낮춰 배경 노출 증가
   - `/stats`, `/settings` 배경/패널을 라이트 팔레트로 전환
+- `/app` 룸 카드 hydration 에러 수정:
+  - `RoomPreviewCard`의 중첩 `<button>` 구조 제거
+  - 카드 내부 칩을 비인터랙티브 `span`으로 변경해 HTML 규칙 위반 해소
 - 몰입 모드 ON 시 `/space` 크롬 정리:
   - 상단 `Current Room` 블록 숨김
   - 우상단 허브 버튼 소형 아이콘화
@@ -136,3 +139,4 @@ Last Updated: 2026-02-28
 2. `/app`: 룸 카드에 사람 수 문구 없음, 추천 정보 노출
 3. `/space`: 하단 사운드 바 없음, 오른쪽 `🎧 Sound` 시트에서 프리셋 선택 가능
 4. `/space`: 몰입 모드 ON 시 상단 룸 블록 숨김 + 레일 미니화 + HUD 저대비 적용
+5. `/app`: 콘솔에 `button cannot be a descendant of button` hydration 에러가 재발하지 않음
diff --git a/docs/session_brief.md b/docs/session_brief.md
index 4886aa6..7b75ee1 100644
--- a/docs/session_brief.md
+++ b/docs/session_brief.md
@@ -38,6 +38,9 @@ Last Updated: 2026-02-28
   - `/app` 허브/룸 카드 오버레이를 완화해 배경 노출을 늘렸다.
   - `/space` 오버레이/비네팅 강도를 낮춰 전체 명도를 올렸다.
   - `/stats`, `/settings`는 라이트 팔레트 기반 패널로 전환했다.
+- `/app` 룸 카드 hydration 에러를 수정했다.
+  - `RoomPreviewCard`의 중첩 `<button>` 구조를 제거했다.
+  - 카드 내부 칩을 비인터랙티브 태그로 바꿔 콘솔 에러를 해소했다.
 - 몰입 모드 ON 시 상단 룸 블록 숨김, 레일 미니화, HUD 저대비, 비네팅 강화가 적용된다.
 - 이후 작업은 `docs/work.md`를 기준으로 실행한다.
 
diff --git a/src/features/room-select/ui/RoomPreviewCard.tsx b/src/features/room-select/ui/RoomPreviewCard.tsx
index 43e63ce..262adf0 100644
--- a/src/features/room-select/ui/RoomPreviewCard.tsx
+++ b/src/features/room-select/ui/RoomPreviewCard.tsx
@@ -1,6 +1,5 @@
 import type { RoomTheme } from '@/entities/room';
 import { getRoomBackgroundStyle } from '@/entities/room';
-import { Chip } from '@/shared/ui';
 import { cn } from '@/shared/lib/cn';
 
 interface RoomPreviewCardProps {
@@ -37,9 +36,12 @@ export const RoomPreviewCard = ({
 
         <div className="flex flex-wrap gap-2">
           {room.tags.map((tag) => (
-            <Chip key={tag} tone="muted" className="!cursor-default">
+            <span
+              key={tag}
+              className="inline-flex items-center gap-1 rounded-full bg-slate-300/25 px-3 py-1.5 text-xs font-medium text-slate-100 ring-1 ring-slate-200/40"
+            >
               {tag}
-            </Chip>
+            </span>
           ))}
         </div>
 
@@ -48,12 +50,12 @@ export const RoomPreviewCard = ({
             추천 사운드: <span className="font-medium text-white">{room.recommendedSound}</span>
           </p>
           <div className="flex flex-wrap gap-2">
-            <Chip tone="accent" className="!cursor-default">
+            <span className="inline-flex items-center gap-1 rounded-full bg-sky-300/25 px-3 py-1.5 text-xs font-medium text-sky-100 ring-1 ring-sky-200/55">
               추천 시간 · {room.recommendedTime}
-            </Chip>
-            <Chip tone="neutral" className="!cursor-default">
+            </span>
+            <span className="inline-flex items-center gap-1 rounded-full bg-white/10 px-3 py-1.5 text-xs font-medium text-white/90 ring-1 ring-white/20">
               지금 분위기 · {room.vibeLabel}
-            </Chip>
+            </span>
           </div>
         </div>
       </div>