diff --git a/packages/web/src/components/molecules/ClockIcon/index.tsx b/packages/web/src/components/molecules/ClockIcon/index.tsx index 17f7332..7309846 100644 --- a/packages/web/src/components/molecules/ClockIcon/index.tsx +++ b/packages/web/src/components/molecules/ClockIcon/index.tsx @@ -21,8 +21,8 @@ export const ClockIcon = React.forwardRef - - - + + + )); diff --git a/packages/web/src/components/molecules/IconText/index.tsx b/packages/web/src/components/molecules/IconText/index.tsx index 5cd4a6e..eaa81f1 100644 --- a/packages/web/src/components/molecules/IconText/index.tsx +++ b/packages/web/src/components/molecules/IconText/index.tsx @@ -12,7 +12,7 @@ export const IconText: React.FC = ({ bottomText, }) => ( - + {icon} {' '} diff --git a/packages/web/src/hooks/effects.ts b/packages/web/src/hooks/effects.ts index cfdec3b..3891f82 100644 --- a/packages/web/src/hooks/effects.ts +++ b/packages/web/src/hooks/effects.ts @@ -59,7 +59,7 @@ export const useHuePulsate = (options: UseHuePulsateOptions) => { React.useEffect(() => { window.document.documentElement.style.setProperty( propertyName, - `${hue} ${colorSaturationPercentage}% ${colorLightnessPercentage}%` + `${hue.toFixed(3)} ${colorSaturationPercentage}% ${colorLightnessPercentage}%` ); }, [hue, propertyName, colorSaturationPercentage, colorLightnessPercentage]);