diff --git a/apps/public/components/github-button.tsx b/apps/public/components/github-button.tsx
index 0126af3b..a5461d33 100644
--- a/apps/public/components/github-button.tsx
+++ b/apps/public/components/github-button.tsx
@@ -19,7 +19,7 @@ export function GithubButton() {
   // }, []);
   return (
     <Button variant={'secondary'} asChild>
-      <Link href="https://git.new/openpanel" className="hidden md:block">
+      <Link href="https://git.new/openpanel" className="hidden md:flex">
         <svg
           className="w-5 h-5"
           fill="currentColor"
diff --git a/apps/public/components/navbar.tsx b/apps/public/components/navbar.tsx
index 23d50664..d4c638db 100644
--- a/apps/public/components/navbar.tsx
+++ b/apps/public/components/navbar.tsx
@@ -85,7 +85,7 @@ const Navbar = () => {
               {/* Sign in button */}
               <Button asChild>
                 <Link
-                  className="hidden md:block"
+                  className="hidden md:flex"
                   href="https://dashboard.openpanel.dev/login"
                 >
                   Sign in