From d92649ae3baa9ea2eac820877f475a2aac1b6c1f Mon Sep 17 00:00:00 2001
From: Atif Ali <atif@coder.com>
Date: Tue, 9 Dec 2025 22:32:02 +0500
Subject: [PATCH] fix(site): use FolderIcon instead of TextAlignStartIcon for
 folders in template editor (#21169)

## Summary

Fixes folder icons in the template editor file tree.


## Changes

- Import `FolderIcon` instead of `TextAlignStartIcon` from lucide-react
- Use `FolderIcon` for folder entries in the file tree

_Generated with `mux`_
---
 .../modules/templates/TemplateFiles/TemplateFileTree.tsx  | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx b/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx
index c4c0c7e041..297ad1495d 100644
--- a/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx
+++ b/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx
@@ -3,11 +3,7 @@ import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
 import { DockerIcon } from "components/Icons/DockerIcon";
-import {
-	ChevronDownIcon,
-	ChevronRightIcon,
-	TextAlignStartIcon,
-} from "lucide-react";
+import { ChevronDownIcon, ChevronRightIcon, FolderIcon } from "lucide-react";
 import {
 	type CSSProperties,
 	type ElementType,
@@ -92,7 +88,7 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
 
 		let icon: ElementType | undefined;
 		if (isFolder(content)) {
-			icon = TextAlignStartIcon;
+			icon = FolderIcon;
 		} else if (filename.endsWith(".tf")) {
 			icon = FileTypeTerraform;
 		} else if (filename.endsWith(".md")) {