Это происходит из-за стандартных стилей, которые применяются к кнопке Google при использовании темной темы от Bootstrap. Белый прямоугольник появляется как фон кнопки, который не соответствует темному фону.
Для исправления этой проблемы, можно добавить к кнопке Google стили, которые будут переопределять стандартные стили от Bootstrap. Например, вы можете задать цвет фона кнопке в CSS:
```css
.google-btn {
background-color: #4285f4; /* Цвет фона кнопки Google */
color: #ffffff; /* Цвет текста на кнопке */
border: none; /* Убрать границу кнопки */
}
```
После этого укажите класс `google-btn` для кнопки Google в вашем компоненте React:
```jsx
<button className="btn btn-dark google-btn">Sign in with Google</button>
```
Это позволит корректно отобразить кнопку Google на темном фоне и избежать появления белого прямоугольника.