From 66b6f1e65e8697055d6103c8032f798097aff299 Mon Sep 17 00:00:00 2001 From: Neshura Date: Thu, 22 Dec 2022 22:02:52 +0100 Subject: [PATCH] Remove horizontal scrollbar from theme selector --- components/styles/themedropdown/desktop.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/components/styles/themedropdown/desktop.tsx b/components/styles/themedropdown/desktop.tsx index 7f69806..239073a 100644 --- a/components/styles/themedropdown/desktop.tsx +++ b/components/styles/themedropdown/desktop.tsx @@ -67,7 +67,9 @@ export const ThemeDropDownOptions = styled.div` border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; z-index: 1; - overflow: ${ props => props.show ? "scroll" : "hidden" }; + overflow-x: hidden; + overflow-y: ${ props => props.show ? "scroll" : "hidden" }; + scrollbar-width: none; max-height: ${ props => props.show ? "20%" : "0%" }; visibility: ${ props => props.show ? "visible" : "hidden" };