The crossword Input not staying within the crossword cell.

[lalitx17]

When the size of the CrosswordGrid changes, the crossword input size doesn't stay within the crossword cell and in some condition goes out of the crossword grid altogether.

Here is the code that generated the above output image:

        {started && <div className="mx-auto w-4/5 flex flex-row gap-x-10">
          
          <CrosswordProvider data={crosswordData} >
          <DirectionClues  direction="across" />
          <CrosswordGrid />
            <DirectionClues direction="down" />
            </CrosswordProvider>
            {/* <Crossword data={crosswordData} /> */}
        </div>}