diff --git a/apps/web/src/components/AssetSelector/AssetSelector.css b/apps/web/src/components/asset-selector/AssetSelector.css
similarity index 100%
rename from apps/web/src/components/AssetSelector/AssetSelector.css
rename to apps/web/src/components/asset-selector/AssetSelector.css
diff --git a/apps/web/src/components/AssetSelector/AssetSelector.tsx b/apps/web/src/components/asset-selector/AssetSelector.tsx
similarity index 100%
rename from apps/web/src/components/AssetSelector/AssetSelector.tsx
rename to apps/web/src/components/asset-selector/AssetSelector.tsx
diff --git a/apps/web/src/components/AssetSelector/index.ts b/apps/web/src/components/asset-selector/index.ts
similarity index 100%
rename from apps/web/src/components/AssetSelector/index.ts
rename to apps/web/src/components/asset-selector/index.ts
diff --git a/apps/web/src/pages/editing-planner/components/MediaPanel.tsx b/apps/web/src/pages/editing-planner/components/MediaPanel.tsx
index 82a785889..6843774a3 100644
--- a/apps/web/src/pages/editing-planner/components/MediaPanel.tsx
+++ b/apps/web/src/pages/editing-planner/components/MediaPanel.tsx
@@ -6,7 +6,7 @@ import React, { useState } from "react"
 import type { EditingTemplate } from "@/api/editing-planner"
 import { MODE_LABELS } from "@/api/editing-planner"
 import type { MediaAsset } from "@/api/template-editor"
-import AssetSelector from "@/components/AssetSelector/AssetSelector"
+import AssetSelector from "@/components/asset-selector/AssetSelector"
 
 interface MediaPanelProps {
   templates: EditingTemplate[]
diff --git a/apps/web/src/test/components/AssetSelector/AssetSelector.test.tsx b/apps/web/src/test/components/asset-selector/AssetSelector.test.tsx
similarity index 94%
rename from apps/web/src/test/components/AssetSelector/AssetSelector.test.tsx
rename to apps/web/src/test/components/asset-selector/AssetSelector.test.tsx
index b733a109a..4232bac11 100644
--- a/apps/web/src/test/components/AssetSelector/AssetSelector.test.tsx
+++ b/apps/web/src/test/components/asset-selector/AssetSelector.test.tsx
@@ -1,7 +1,7 @@
 import React from "react"
 import { describe, it, expect, vi } from "vitest"
 import { render, screen } from "@testing-library/react"
-import AssetSelector from "@/components/AssetSelector/AssetSelector"
+import AssetSelector from "@/components/asset-selector/AssetSelector"
 import type { MediaAsset } from "@/api/template-editor"
 
 vi.mock("@/components/ui", () => ({
@@ -18,7 +18,7 @@ vi.mock("@/components/ui", () => ({
   Button: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
 }))
 
-vi.mock("@/components/AssetSelector/AssetSelector.css", () => ({}))
+vi.mock("@/components/asset-selector/AssetSelector.css", () => ({}))
 
 const mockAssets: MediaAsset[] = [
   {