diff --git a/src/renderer/src/components/sidebar/sidebar-profile.css.ts b/src/renderer/src/components/sidebar/sidebar-profile.css.ts index c5347c26..d01b07f1 100644 --- a/src/renderer/src/components/sidebar/sidebar-profile.css.ts +++ b/src/renderer/src/components/sidebar/sidebar-profile.css.ts @@ -9,7 +9,7 @@ export const profileButton = style({ padding: `${SPACING_UNIT * 2}px ${SPACING_UNIT * 2}px`, color: vars.color.muted, borderBottom: `solid 1px ${vars.color.border}`, - boxShadow: "0px 0px 15px 0px #000000", + boxShadow: "0px 0px 15px 0px rgb(0 0 0 / 70%)", ":hover": { backgroundColor: "rgba(255, 255, 255, 0.15)", }, diff --git a/src/renderer/src/pages/game-details/game-details.css.ts b/src/renderer/src/pages/game-details/game-details.css.ts index fd8a48be..8dc5d4cb 100644 --- a/src/renderer/src/pages/game-details/game-details.css.ts +++ b/src/renderer/src/pages/game-details/game-details.css.ts @@ -138,8 +138,9 @@ export const randomizerButton = style({ bottom: `${26 + SPACING_UNIT * 2}px`, /* Scroll bar + spacing */ right: `${9 + SPACING_UNIT * 2}px`, - boxShadow: "rgba(255, 255, 255, 0.1) 0px 0px 10px 3px", + boxShadow: "rgba(255, 255, 255, 0.1) 0px 0px 10px 1px", border: `solid 2px ${vars.color.border}`, + zIndex: "1", backgroundColor: vars.color.background, ":hover": { backgroundColor: vars.color.background,