From aa90a0a0d1db40ca9ab280452e6bfbc012ad7b32 Mon Sep 17 00:00:00 2001
From: Zheng Jiang <38813747+dqrjz@users.noreply.github.com>
Date: Tue, 23 May 2023 00:44:06 -0400
Subject: [PATCH] fix HeaderDropdown @media style not working (#10669)

---
 src/components/HeaderDropdown/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderDropdown/index.tsx b/src/components/HeaderDropdown/index.tsx
index 52a20365..52abe00c 100644
--- a/src/components/HeaderDropdown/index.tsx
+++ b/src/components/HeaderDropdown/index.tsx
@@ -12,7 +12,7 @@ export type HeaderDropdownProps = {
 const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => {
   const className = useEmotionCss(({ token }) => {
     return {
-      [`@media screen and (max-width: ${token.screenXS})`]: {
+      [`@media screen and (max-width: ${token.screenXS}px)`]: {
         width: '100%',
       },
     };