Fix focus state misaligned

kamilmielnik · Aug 25, 2024 · 6fc770c · 6fc770c
1 parent 7a6dd4f
commit 6fc770c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/scrabble-solver/src/components/Board/Board.tsx b/packages/scrabble-solver/src/components/Board/Board.tsx
@@ -9,7 +9,7 @@ import { useDispatch } from 'react-redux';
 
 import { useAppLayout } from 'hooks';
 import { LOCALE_FEATURES } from 'i18n';
-import { BORDER_WIDTH, TRANSITION } from 'parameters';
+import { TRANSITION } from 'parameters';
 import {
   boardSlice,
   cellFilterSlice,
@@ -176,8 +176,8 @@ const Board: FunctionComponent<Props> = ({ className }) => {
           ref={floatingFocus.refs.setFloating}
           style={{
             position: floatingFocus.strategy,
-            top: floatingFocus.y + cellSize - (showCoordinates === 'hidden' ? 0 : BORDER_WIDTH),
-            left: floatingFocus.x - (showCoordinates === 'hidden' ? 0 : BORDER_WIDTH),
+            top: floatingFocus.y + cellSize,
+            left: floatingFocus.x,
             width: cellSize,
             height: cellSize,
             opacity: hasFocus ? 1 : 0,