diff --git a/components/styles/themedropdown.tsx b/components/styles/themedropdown.tsx
index 45c7cc7..6c2e6ea 100644
--- a/components/styles/themedropdown.tsx
+++ b/components/styles/themedropdown.tsx
@@ -28,7 +28,7 @@ export const ThemeDropDownButton = styled.button<DisplayPropType>`
   transition-property: color, border-bottom-left-radius, border-bottom-right-radius;
   transition-timing-function: ease;
   transition-duration: 0.15s;
-  transition-delay: 0, ${ props => props.show ? "0s" : "0.6s" };
+  transition-delay: 0s, ${ props => props.show ? "0s, 0s" : "0.6s, 0.6s" };
 
   &:focus,:hover {
     color: ${({ theme }) => theme.colors.secondary};