diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
index e645e10..3f008ec 100644
--- a/src/components/layout/Navbar.tsx
+++ b/src/components/layout/Navbar.tsx
@@ -14,14 +14,14 @@ export async function Navbar() {
   });
 
   return (
-    <div className="flex justify-between items-center w-full h-16 px-4 md:px-8 bg-[#35786f] text-white">
+    <div className="flex justify-between items-center w-full h-16 px-4 md:px-8 bg-primary-500 text-white">
       <GhostLightButton href="/" className="border-b hidden! md:block!" size="md">
         {t("title")}
       </GhostLightButton>
       <GhostLightButton className="block! md:hidden!" size="md" href={"/"}>
         <Home size={20} />
       </GhostLightButton>
-      <div className="flex gap-0.5 justify-center items-center flex-wrap">
+      <div className="flex gap-0.5 justify-center items-center">
         <LanguageSettings />
         <GhostLightButton
           className="md:hidden! block!"
diff --git a/src/design-system/base/button/button.tsx b/src/design-system/base/button/button.tsx
index 9079699..d307e98 100644
--- a/src/design-system/base/button/button.tsx
+++ b/src/design-system/base/button/button.tsx
@@ -41,7 +41,7 @@ import { cn } from "@/design-system/lib/utils";
  */
 const buttonVariants = cva(
   // 基础样式
-  "inline-flex items-center justify-center gap-2 rounded-md font-semibold shadow transition-all duration-250 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "border flex-inline items-center justify-center gap-2 rounded-md font-semibold shadow transition-all duration-250 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {