diff --git a/frontend/src/ui/player/Paella.tsx b/frontend/src/ui/player/Paella.tsx index 3fd0b6951..6eb99dd07 100644 --- a/frontend/src/ui/player/Paella.tsx +++ b/frontend/src/ui/player/Paella.tsx @@ -264,14 +264,19 @@ const PaellaPlayer: React.FC = ({ event }) => { zIndex: 500000, }, - "& .preview-play-icon, .loader-container i": { + "button:has(.preview-play-icon), & .loader-container i": { + maxWidth: 150, + }, + + "& .preview-play-icon, & .loader-container i": { color: "#ecf0f1", - opacity: "0.8 !important", + opacity: ".8 !important", transition: "opacity 0.08s", - }, - "& .preview-play-icon > svg": { - filter: "drop-shadow(0 0 2px #777777)", + "> svg": { + strokeWidth: 1.5, + filter: "drop-shadow(0 0 1px #000)", + }, }, ":hover .preview-play-icon, .loader-container i": {