diff --git a/.changeset/fuzzy-poets-carry.md b/.changeset/fuzzy-poets-carry.md
new file mode 100644
index 000000000..ea5b322c2
--- /dev/null
+++ b/.changeset/fuzzy-poets-carry.md
@@ -0,0 +1,5 @@
+---
+'@zopauk/react-components': patch
+---
+
+fix icon component passing undefined classname to font awesome
diff --git a/src/components/atoms/Icon/Icon.tsx b/src/components/atoms/Icon/Icon.tsx
index b5c2e1360..a345eaa4d 100644
--- a/src/components/atoms/Icon/Icon.tsx
+++ b/src/components/atoms/Icon/Icon.tsx
@@ -22,12 +22,12 @@ export const RoundBadge = styled.div<{ color: Colors[keyof Colors] }>`
   padding: ${spacing[6]};
 `;
 
-export default function Icon({ variant, bgColor, ariaLabel, className, ...rest }: IconProps) {
+export default function Icon({ variant, bgColor, ariaLabel, className = '', ...rest }: IconProps) {
   const renderIcon = (className?: string) => (
     <FontAwesomeIcon
       {...rest}
       icon={variant}
-      className={className}
+      className={className || ''}
       aria-label={ariaLabel}
       aria-hidden={ariaLabel ? false : true}
     />