diff --git a/apps/client/src/features/dictation/components/mic-button.tsx b/apps/client/src/features/dictation/components/mic-button.tsx index aaa4b63c..125c3ddf 100644 --- a/apps/client/src/features/dictation/components/mic-button.tsx +++ b/apps/client/src/features/dictation/components/mic-button.tsx @@ -1,6 +1,5 @@ import { FC } from "react"; import { ActionIcon, Loader, Tooltip } from "@mantine/core"; -import { useReducedMotion } from "@mantine/hooks"; import { IconMicrophone, IconPlayerStopFilled } from "@tabler/icons-react"; import { useTranslation } from "react-i18next"; import { useDictation } from "@/features/dictation/hooks/use-dictation"; @@ -29,12 +28,11 @@ export const MicButton: FC = ({ }) => { const { t } = useTranslation(); const { status, start, stop, audioLevel } = useDictation({ onText, onStart }); - const reduceMotion = useReducedMotion(); const iconSize = size === "lg" ? 18 : 16; if (status === "recording") { - // Live volume-driven halo, or a static halo when the user prefers reduced motion. - const haloScale = reduceMotion ? 1.15 : 1 + Math.min(1, audioLevel) * 0.9; + // Live volume-driven halo: the scale follows the current mic level. + const haloScale = 1 + Math.min(1, audioLevel) * 0.9; return (