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%',
       },
     };