diff --git a/src/components/Nav/Icon.tsx b/src/components/Nav/Icon.tsx
index 823cfcac..b54ce42f 100644
--- a/src/components/Nav/Icon.tsx
+++ b/src/components/Nav/Icon.tsx
@@ -4,7 +4,7 @@ import type { JSX } from 'solid-js'
 import './Icon.css'
 
 type IconProps = {
-  className?: string
+  class?: string
   iconClassName?: string
   style?: string | JSX.CSSProperties
   title?: string
@@ -16,7 +16,7 @@ export const Icon = (passedProps: IconProps) => {
   const props = mergeProps({ title: '', counter: 0 }, passedProps)
 
   return (
-    <div class={clsx('icon', props.className)} style={props.style}>
+    <div class={clsx('icon', props.class)} style={props.style}>
       <img src={`/icons/${props.name}.svg`} alt={props.title ?? props.name} class={props.iconClassName} />
       <Show when={props.counter}>
         <div class="notifications-counter">{props.counter}</div>