Poll expiration close button is off center and ugly

[huumn]

[SouthKoreaLN]

Here is an attempt addressing the "off-center" part, and a brief change in how it responds when hovering over it, both in light and dark mode. I noticed several of your buttons have hover effect. I use grey from the input-placeholder-color in this file.

I added this to global/globals.scss.

.react-datepicker__close-icon {
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  right: 0.2rem;
  font-size: 1rem;
  color: $input-placeholder-color;
  opacity: 0.6;
  cursor: pointer;
} 
  
.react-datepicker__close-icon:hover {
  opacity: 0.85;
  color: $dark;
} 

For the ugliness, let me check a bit more. First time playing with ui/ux stuff.

[aliceandthewonderland]

just checked with browser inspector,

under .react-datepicker__close-icon::after,

replacing this

padding: 2px;

to

padding-bottom: 2px;

may fix the issue like below??