diff --git a/examples/package.json b/examples/package.json
index 1f4e35c..2ea7545 100644
--- a/examples/package.json
+++ b/examples/package.json
@@ -8,7 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@sakura-ui/core": "^0.2.11",
+    "@sakura-ui/core": "^0.2.14",
     "@sakura-ui/forms": "^0.2.1",
     "@sakura-ui/tailwind-theme-plugin": "^0.2.1",
     "react": "^18.3.1",
diff --git a/packages/core/package.json b/packages/core/package.json
index d782e11..ef7ba84 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.2.11",
+  "version": "0.2.14",
   "description": "",
   "keywords": [
     "react",
diff --git a/packages/core/src/components/Icon.tsx b/packages/core/src/components/Icon.tsx
index 57d56b9..5afe732 100644
--- a/packages/core/src/components/Icon.tsx
+++ b/packages/core/src/components/Icon.tsx
@@ -49,8 +49,8 @@ export const Icon = React.forwardRef<HTMLElement, IconProps>((props, ref) => {
     font-light
     inline-block
     leading-4
-    whitespace-nowrap
     align-middle
+    whitespace-nowrap
   `
 
   return (
diff --git a/packages/core/src/components/LangSelector.tsx b/packages/core/src/components/LangSelector.tsx
index d7f4d3a..47df219 100644
--- a/packages/core/src/components/LangSelector.tsx
+++ b/packages/core/src/components/LangSelector.tsx
@@ -39,10 +39,11 @@ export const LangSelector = ({
   `
 
   const styleButton = `
-    flex
     w-fit
-    items-center
-    sm:gap-1
+    sm:py-3
+    text-base
+    leading-4
+    leading-snug
     ${styleClickable}
     ${styleFocusRoundedWithBg}
     ${styleAnchorName}
@@ -90,7 +91,11 @@ export const LangSelector = ({
         fucus(index)
         break
       case 'Tab':
-        menuRef.current?.hidePopover()
+        index = e.shiftKey ? currentIndex - 1 : currentIndex + 1
+        setCurrentIndex(index)
+        if (index === -1 || index === langs.length) {
+          menuRef.current?.hidePopover()
+        }
         break
     }
   }
@@ -111,11 +116,11 @@ export const LangSelector = ({
           language
         </Icon>
         <span
-          className={cx('hidden sm:inline-block mb-0.5', styleHoverUnderline)}
+          className={cx('hidden sm:mx-1 sm:inline-block', styleHoverUnderline)}
         >
           Language
         </span>
-        <IconLanguageMobile className="sm:hidden" />
+        <IconLanguageMobile className="inline-block sm:hidden" />
         <Icon
           opticalSize={20}
           className="group-[:has(:popover-open)]:rotate-180"
diff --git a/packages/core/src/components/buttonStyle.ts b/packages/core/src/components/buttonStyle.ts
index 4d254fb..9719118 100644
--- a/packages/core/src/components/buttonStyle.ts
+++ b/packages/core/src/components/buttonStyle.ts
@@ -81,16 +81,16 @@ const params: { [key in ButtonSize]: string } = {
   lg: `
     p-4
     text-button
-    rounded-lg
     leading-snug
+    rounded-lg
   `,
   // 12(py-3) * 2 + 22(text-button * leading-snug) + boader * 2 = 48px
   md: `
     px-4
     py-3
     text-button
-    rounded-lg
     leading-snug
+    rounded-lg
   `,
   // 6(py-1.5) * 2 + 22(text-button * leading-snug) + boader * 2 = 36px
   sm: `
@@ -98,8 +98,8 @@ const params: { [key in ButtonSize]: string } = {
     py-1.5
     my-1
     text-button
-    rounded-md
     leading-snug
+    rounded-md
   `,
   // 6(py-1.5) * 2 + 14(text-button-sm) + boader * 2 = 28p
   xs: `
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ba314b4..6fd754b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -64,8 +64,8 @@ importers:
   examples:
     dependencies:
       '@sakura-ui/core':
-        specifier: ^0.2.10-beta.3
-        version: 0.2.10-beta.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.11(ts-node@10.9.2(@swc/core@1.7.1)(@types/node@20.14.2)(typescript@5.4.5)))
+        specifier: ^0.2.14
+        version: 0.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.11(ts-node@10.9.2(@swc/core@1.7.1)(@types/node@20.14.2)(typescript@5.4.5)))
       '@sakura-ui/forms':
         specifier: ^0.2.1
         version: 0.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.11(ts-node@10.9.2(@swc/core@1.7.1)(@types/node@20.14.2)(typescript@5.4.5)))
@@ -885,8 +885,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@sakura-ui/core@0.2.10-beta.3':
-    resolution: {integrity: sha512-6UO6yyJvQJeVQzn7+x+6E2suFx7fm74AHO09X64URpZ/EWlOx+f6u5NaszsE59Oh8Z7Eu3gHOMl1fqJ3dDK/sA==}
+  '@sakura-ui/core@0.2.14':
+    resolution: {integrity: sha512-u6Am6wAuE4bmNyb7kbFCyl5q0OQL9smWTpPkPIA06cxhJiAMtVKD8OVqfUGQFZFV3OjqlPF2Db5AlKlhRoQ5Wg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^18.2.0
@@ -2937,7 +2937,7 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.19.0':
     optional: true
 
-  '@sakura-ui/core@0.2.10-beta.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.11(ts-node@10.9.2(@swc/core@1.7.1)(@types/node@20.14.2)(typescript@5.4.5)))':
+  '@sakura-ui/core@0.2.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwindcss@3.4.11(ts-node@10.9.2(@swc/core@1.7.1)(@types/node@20.14.2)(typescript@5.4.5)))':
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)