diff --git a/src/components/SubtractionGame.tsx b/src/components/SubtractionGame.tsx index 822b4cd..d26cef4 100644 --- a/src/components/SubtractionGame.tsx +++ b/src/components/SubtractionGame.tsx @@ -79,9 +79,9 @@ const SubtractionGame = () => { }; const getCircleClass = (index: number) => { - const baseClass = 'w-8 h-8 rounded-full border-2 border-black cursor-pointer transition-colors'; const isHighlighted = highlightedIndices.includes(index); - const fillClass = isHighlighted ? 'bg-yellow-200 hover:bg-yellow-300' : 'bg-gray-300 hover:bg-gray-400'; + const baseClass = `w-8 h-8 rounded-full border-2 border-black transition-colors ${isHighlighted ? 'cursor-pointer' : ''}`; + const fillClass = isHighlighted ? 'bg-yellow-200 hover:bg-yellow-300' : 'bg-gray-300'; return `${baseClass} ${fillClass}`; };