diff --git a/packages/react/src/Spotlight/Spotlight.tsx b/packages/react/src/Spotlight/Spotlight.tsx
index 49f2d1b430..cd2777bf37 100644
--- a/packages/react/src/Spotlight/Spotlight.tsx
+++ b/packages/react/src/Spotlight/Spotlight.tsx
@@ -23,7 +23,7 @@ export const Spotlight = forwardRef(
     <Tag
       {...restProps}
       ref={ref}
-      className={clsx('ams-spotlight', { color !== defaultColor && `ams-spotlight--${color}` }, className)}
+      className={clsx('ams-spotlight', color !== defaultColor && `ams-spotlight--${color}`, className)}
     >
       {children}
     </Tag>