diff --git a/src/pages/discover/Discover.tsx b/src/pages/discover/Discover.tsx index 07975ff1..f25d2df5 100644 --- a/src/pages/discover/Discover.tsx +++ b/src/pages/discover/Discover.tsx @@ -32,7 +32,7 @@ const Container = styled.div` background: var(--background); ` : css` - background: var(--secondary-background); + background: var(--background); `} `; @@ -42,6 +42,7 @@ const Frame = styled.iframe<{ loaded: boolean }>` ${() => !isTouchscreenDevice && css` + background: var(--secondary-background); border-start-start-radius: 8px; border-end-start-radius: 8px; `} @@ -58,6 +59,14 @@ const Frame = styled.iframe<{ loaded: boolean }>` const Loader = styled.div` flex-grow: 1; + + ${() => + !isTouchscreenDevice && + css` + background: var(--secondary-background); + border-start-start-radius: 8px; + border-end-start-radius: 8px; + `} `; const TRUSTED_HOSTS = [