diff --git a/libs/remix-ui/helper/src/lib/remix-ui-helper.ts b/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
index 9ebf87741a..71abad338d 100644
--- a/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
+++ b/libs/remix-ui/helper/src/lib/remix-ui-helper.ts
@@ -56,15 +56,15 @@ export const joinPath = (...paths) => {
 export const getPathIcon = (path: string) => {
   return path.endsWith('.txt')
     ? 'far fa-file-alt' : path.endsWith('.md')
-      ? 'far fa-file-alt' : path.endsWith('.sol')
+      ? 'fab fa-markdown' : path.endsWith('.sol')
         ? 'fak fa-solidity-mono' : path.endsWith('.js')
           ? 'fab fa-js' : path.endsWith('.json')
-            ? 'fas fa-brackets-curly' : path.endsWith('.vy')
-              ? 'fak fa-vyper-mono' : path.endsWith('.lex')
+            ? 'small fas fa-brackets-curly' : path.endsWith('.vy')
+              ? 'small fak fa-vyper2' : path.endsWith('.lex')
                 ? 'fak fa-lexon' : path.endsWith('ts')
-                 ? 'fad fa-brackets-curly' : path.endsWith('.contract')
-                   ? 'fab fa-ethereum' : path.endsWith('.cairo')
-                     ? 'fab fa-ethereum' : 'far fa-file' // TODO: add cairo icon
+                  ? 'small fak fa-ts-logo' : path.endsWith('.tsc')
+                   ? 'fad fa-brackets-curly' : path.endsWith('.cairo')
+                     ? 'small fak fa-cairo' : 'far fa-file'
 }
 
 export const isNumeric = (value) => {