diff --git a/src/components/resolvedicon.jsx b/src/components/resolvedicon.jsx
index 50b8c926..4858f3d5 100644
--- a/src/components/resolvedicon.jsx
+++ b/src/components/resolvedicon.jsx
@@ -116,6 +116,25 @@ export default function ResolvedIcon({ icon, width = 32, height = 32, alt = "log
     );
   }
 
+  if (icon.endsWith(".webp")) {
+    const iconName = icon.replace(".webp", "");
+    return (
+      <Image
+        src={`https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/webp/${iconName}.webp`}
+        width={width}
+        height={height}
+        style={{
+          width,
+          height,
+          objectFit: "contain",
+          maxHeight: "100%",
+          maxWidth: "100%",
+        }}
+        alt={alt}
+      />
+    );
+  }
+
   const iconName = icon.replace(".png", "");
   return (
     <Image
@@ -132,21 +151,4 @@ export default function ResolvedIcon({ icon, width = 32, height = 32, alt = "log
       alt={alt}
     />
   );
-
-  const iconName = icon.replace(".webp", "");
-  return (
-    <Image
-      src={`https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/webp/${iconName}.webp`}
-      width={width}
-      height={height}
-      style={{
-        width,
-        height,
-        objectFit: "contain",
-        maxHeight: "100%",
-        maxWidth: "100%",
-      }}
-      alt={alt}
-    />
-  );
 }