From a8e58c7e32c3ada02a2e249a21f72c05a8d050b2 Mon Sep 17 00:00:00 2001
From: rahim <rahim.alwer@gmail.com>
Date: Tue, 10 Mar 2026 02:34:08 -0700
Subject: [PATCH] docs: use Audio/Video labels on installation page (#824)

---
 site/src/components/installation/SkinPicker.tsx    | 4 ++--
 site/src/components/installation/UseCasePicker.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/src/components/installation/SkinPicker.tsx b/site/src/components/installation/SkinPicker.tsx
index 0a5dbc89..7610177d 100644
--- a/site/src/components/installation/SkinPicker.tsx
+++ b/site/src/components/installation/SkinPicker.tsx
@@ -7,12 +7,12 @@ import type { Skin } from '@/stores/installation';
 import { skin, useCase } from '@/stores/installation';
 
 const VIDEO_SKINS: ImageRadioOption<Skin>[] = [
-  { value: 'video', label: 'Default Video', image: <Sparkles size={32} /> },
+  { value: 'video', label: 'Default', image: <Sparkles size={32} /> },
   { value: 'minimal-video', label: 'Minimal', image: <Minus size={32} /> },
 ];
 
 const AUDIO_SKINS: ImageRadioOption<Skin>[] = [
-  { value: 'audio', label: 'Default Audio', image: <Sparkles size={32} /> },
+  { value: 'audio', label: 'Default', image: <Sparkles size={32} /> },
   { value: 'minimal-audio', label: 'Minimal', image: <Minus size={32} /> },
 ];
 
diff --git a/site/src/components/installation/UseCasePicker.tsx b/site/src/components/installation/UseCasePicker.tsx
index 6bc8cb70..4e661c55 100644
--- a/site/src/components/installation/UseCasePicker.tsx
+++ b/site/src/components/installation/UseCasePicker.tsx
@@ -12,8 +12,8 @@ export default function UseCasePicker() {
       value={$useCase}
       onChange={(value) => useCase.set(value as UseCase)}
       options={[
-        { value: 'default-video' satisfies UseCase, label: 'Default Video', image: <Globe size={32} /> },
-        { value: 'default-audio' satisfies UseCase, label: 'Default Audio', image: <Globe size={32} /> },
+        { value: 'default-video' satisfies UseCase, label: 'Video', image: <Globe size={32} /> },
+        { value: 'default-audio' satisfies UseCase, label: 'Audio', image: <Globe size={32} /> },
         { value: 'background-video' satisfies UseCase, label: 'Background Video', image: <Image size={32} /> },
       ]}
       aria-label="Select use case"