diff --git a/components/styles/themedropdown/mobile.tsx b/components/styles/themedropdown/mobile.tsx
index f5acd3c..36a5eb3 100644
--- a/components/styles/themedropdown/mobile.tsx
+++ b/components/styles/themedropdown/mobile.tsx
@@ -31,7 +31,7 @@ export const ThemeDropDownButtonMobile = styled(ThemeDropDownButton)`
 
 export const ThemeDropDownOptionsMobile = styled(ThemeDropDownOptions)`
   background-image: unset;
-  background-color: ${({ theme }) => theme.colors.background};
+  background-color: transparent;
   border: 2px solid ${props => ({ theme }) => props.focus ? theme.colors.secondary : theme.colors.primary};
   border-top: 0;
   max-height: ${ props => props.show ? "100%" : "0%"};