Después de implementar en Firebase, la aplicación My React se desalinea ligeramente en los márgenes, el relleno y la opacidad de los íconos a veces llegan al 1%. Soy nuevo en React y la implementación funciona. También pude ver los cambios solo después de algunas horas después de la implementación de Firebase.

mi JSX

 <Col lg={5}> <div style={{color: screen === 'Kitchen' ? '#42D7C2' : '#000', borderLeft : screen === 'Kitchen' ? '4px solid #42D7C2' : 'none'}} name='kitchenDefault' onClick={() => setScreen('Kitchen')} id='kitchenDefault' tabIndex='-1' className="selectionUserMg">Kitchen</div> <div onClick={() => setScreen('Menu')} tabIndex='-1' className="selectionUserMg">Menu</div> <div onClick={() => setScreen('Chef')} tabIndex='-1' className="selectionUserMg">Chefs</div> <div onClick={() => setScreen('Reviews')} tabIndex='-1' className="selectionUserMg">Reviews</div> </Col>

mi CSS

 .selectionUserMg{ padding: 8%; background-color: rgba(0, 0, 0, 0.055); border-bottom: 1px solid rgba(0, 0, 0, 0.075); color : #000; font-size: 20px; font-weight: 400; cursor: pointer; padding-left: -20px; }