Fixed css classes names

src/components/ResultItemVault.svelte

@@ -165,7 +165,7 @@
         {:else}
           <!-- File Icon -->
           {#if fileIconSVG}
-            <span class="icon" use:renderSVG="{fileIconSVG}"></span>
+            <span class="omnisearch-result__icon" use:renderSVG="{fileIconSVG}"></span>
           {/if}
         {/if}
         <span>
@@ -191,7 +191,7 @@
       <div class="omnisearch-result__folder-path">
         <!-- Folder Icon -->
         {#if folderIconSVG}
-          <span class="icon" use:renderSVG="{folderIconSVG}"></span>
+          <span class="omnisearch-result__icon" use:renderSVG="{folderIconSVG}"></span>
         {/if}
         <span>
           {@html plugin.textProcessor.highlightText(notePath, matchesNotePath)}

src/tools/icon-utils.ts

@@ -133,7 +133,7 @@ export async function loadIconSVG(
 
   if (!prefix) {
     // No prefix, assume it's an emoji or text
-    return `<span class="icon-emoji">${name}</span>`
+    return `<span class="omnisearch-result__icon--emoji">${name}</span>`
   }
 
   const iconPackName = prefixToIconPack[prefix]