diff --git a/themes/heo/components/NavBar.js b/themes/heo/components/NavBar.js
index 7bf3810f..820d94da 100644
--- a/themes/heo/components/NavBar.js
+++ b/themes/heo/components/NavBar.js
@@ -146,7 +146,7 @@ const NavBar = props => {
                 <div className='flex flex-shrink-0 justify-center items-center space-x-1'>
                     <RandomPostButton {...props} />
                     <SearchButton />
-                    {!JSON.parse(BLOG.THEME_SWITCH) && <DarkModeButton {...props} />}
+                    {!JSON.parse(BLOG.THEME_SWITCH) && <div className='hidden md:block'><DarkModeButton {...props} /></div>}
                     <ReadingProgress />
 
                     {/* 移动端菜单按钮 */}