diff --git a/appview/pages/templates/repo/fragments/filetree.html b/appview/pages/templates/repo/fragments/filetree.html
index 9268610..d5766da 100644
--- a/appview/pages/templates/repo/fragments/filetree.html
+++ b/appview/pages/templates/repo/fragments/filetree.html
@@ -2,9 +2,9 @@
   {{ if and .Name .IsDirectory }}
     <details open>
       <summary class="cursor-pointer list-none pt-1">
-        <span class="inline-flex items-center gap-2 ">
-          {{ i "folder" "w-3 h-3 fill-current" }}
-          <span class="text-black dark:text-white">{{ .Name }}</span>
+        <span class="tree-directory inline-flex items-center gap-2 ">
+          {{ i "folder" "size-4 fill-current" }}
+          <span class="filename text-black dark:text-white">{{ .Name }}</span>
         </span>
       </summary>
       <div class="ml-1 pl-4 border-l border-gray-200 dark:border-gray-700">
@@ -14,9 +14,9 @@
       </div>
     </details>
   {{ else if .Name }}
-    <div class="flex items-center gap-2 pt-1">
-      {{ i "file" "w-3 h-3" }}
-      <a href="#file-{{ .Path }}" class="text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
+    <div class="tree-file flex items-center gap-2 pt-1">
+      {{ i "file" "size-4" }}
+      <a href="#file-{{ .Path }}" class="filename text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
     </div>
   {{ else }}
     {{ range $child := .Children }}
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 68c94d8..ff95f32 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -103,7 +103,7 @@
                             class="{{ $linkstyle }}"
                         >
                             <div class="flex items-center gap-2">
-                                {{ i "folder" "w-3 h-3 fill-current" }}
+                                {{ i "folder" "size-4 fill-current" }}
                                 {{ .Name }}
                             </div>
                         </a>
@@ -125,7 +125,7 @@
                             class="{{ $linkstyle }}"
                         >
                             <div class="flex items-center gap-2">
-                                {{ i "file" "w-3 h-3" }}{{ .Name }}
+                                {{ i "file" "size-4" }}{{ .Name }}
                             </div>
                         </a>
 
diff --git a/appview/pages/templates/repo/tree.html b/appview/pages/templates/repo/tree.html
index 52fa434..b9bea24 100644
--- a/appview/pages/templates/repo/tree.html
+++ b/appview/pages/templates/repo/tree.html
@@ -54,7 +54,7 @@
         <div class="flex justify-between items-center">
             <a href="/{{ $.BaseTreeLink }}/{{ .Name }}" class="{{ $linkstyle }}">
                 <div class="flex items-center gap-2">
-                  {{ i "folder" "w-3 h-3 fill-current" }}{{ .Name }}
+                  {{ i "folder" "size-4 fill-current" }}{{ .Name }}
                 </div>
             </a>
             <time class="text-xs text-gray-500 dark:text-gray-400">{{ timeFmt .LastCommit.When }}</time>
@@ -69,7 +69,7 @@
         <div class="flex justify-between items-center">
             <a href="/{{ $.BaseBlobLink }}/{{ .Name }}" class="{{ $linkstyle }}">
                 <div class="flex items-center gap-2">
-                  {{ i "file" "w-3 h-3" }}{{ .Name }}
+                  {{ i "file" "size-4" }}{{ .Name }}
                 </div>
             </a>
             <time class="text-xs text-gray-500 dark:text-gray-400">{{ timeFmt .LastCommit.When }}</time>