diff --git a/src/frontend/src/icons/HuggingFace/index.tsx b/src/frontend/src/icons/HuggingFace/index.tsx
index 44fc68609..36599e0f6 100644
--- a/src/frontend/src/icons/HuggingFace/index.tsx
+++ b/src/frontend/src/icons/HuggingFace/index.tsx
@@ -1,7 +1,7 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as HugginFaceSVG } from "./hf-logo.svg";
 
-export const HugginFaceIcon = forwardRef<
+export const HuggingFaceIcon = forwardRef<
   SVGSVGElement,
   React.PropsWithChildren<{}>
 >((props, ref) => {
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 4cb27c72f..100abba78 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -12,7 +12,7 @@ import { FBIcon } from "./icons/FacebookMessenger";
 import { GitBookIcon } from "./icons/GitBook";
 import { GoogleIcon } from "./icons/Google";
 import { HackerNewsIcon } from "./icons/hackerNews";
-import { HugginFaceIcon } from "./icons/HuggingFace";
+import { HuggingFaceIcon } from "./icons/HuggingFace";
 import { IFixIcon } from "./icons/IFixIt";
 import { MetaIcon } from "./icons/Meta";
 import { MidjourneyIcon } from "./icons/Midjorney";
@@ -197,10 +197,10 @@ export const nodeIconsLucide: {
   HNLoader: HackerNewsIcon as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
-  HuggingFaceHub: HugginFaceIcon as React.ForwardRefExoticComponent<
+  HuggingFaceHub: HuggingFaceIcon as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
-  HuggingFaceEmbeddings: HugginFaceIcon as React.ForwardRefExoticComponent<
+  HuggingFaceEmbeddings: HuggingFaceIcon as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
   IFixitLoader: IFixIcon as React.ForwardRefExoticComponent<