diff --git a/.changeset/few-jokes-worry.md b/.changeset/few-jokes-worry.md
new file mode 100644
index 000000000..67b02d760
--- /dev/null
+++ b/.changeset/few-jokes-worry.md
@@ -0,0 +1,5 @@
+---
+'@channel.io/bezier-react': patch
+---
+
+Decreate icon size of `AlphaButton`, `AlphaIconbutton`, `AlphaFloatingButton`, and `AlphaFloatingIconButton`.
diff --git a/packages/bezier-react/src/components/AlphaButton/Button.tsx b/packages/bezier-react/src/components/AlphaButton/Button.tsx
index 69d6051a5..0e7c7b434 100644
--- a/packages/bezier-react/src/components/AlphaButton/Button.tsx
+++ b/packages/bezier-react/src/components/AlphaButton/Button.tsx
@@ -37,7 +37,7 @@ function SideContent({
 function getIconSize(size: ButtonSize) {
   return (
     {
-      xs: 'xxs',
+      xs: 'xs',
       s: 'xs',
       m: 's',
       l: 's',
diff --git a/packages/bezier-react/src/components/AlphaFloatingButton/FloatingButton.tsx b/packages/bezier-react/src/components/AlphaFloatingButton/FloatingButton.tsx
index 3f1fd06f0..d55905572 100644
--- a/packages/bezier-react/src/components/AlphaFloatingButton/FloatingButton.tsx
+++ b/packages/bezier-react/src/components/AlphaFloatingButton/FloatingButton.tsx
@@ -37,7 +37,7 @@ function SideContent({
 function getIconSize(size: FloatingButtonSize) {
   return (
     {
-      xs: 'xxs',
+      xs: 'xs',
       s: 'xs',
       m: 's',
       l: 's',
diff --git a/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss b/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss
index 11d8cfe60..96b83953a 100644
--- a/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss
+++ b/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss
@@ -52,7 +52,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
   &:where(.size-xs) {
     @include dimension.square(20px);
 
-    padding: 4px;
+    padding: 2px;
   }
 
   &:where(.size-s) {
diff --git a/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx b/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx
index 8155175f2..363e1469d 100644
--- a/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx
+++ b/packages/bezier-react/src/components/AlphaFloatingIconButton/FloatingIconButton.tsx
@@ -16,7 +16,7 @@ import styles from './FloatingIconButton.module.scss'
 function getIconSize(size: ButtonSize) {
   return (
     {
-      xs: 'xxs',
+      xs: 'xs',
       s: 'xs',
       m: 's',
       l: 's',
diff --git a/packages/bezier-react/src/components/AlphaIconButton/IconButton.module.scss b/packages/bezier-react/src/components/AlphaIconButton/IconButton.module.scss
index 62680641c..43932c2c6 100644
--- a/packages/bezier-react/src/components/AlphaIconButton/IconButton.module.scss
+++ b/packages/bezier-react/src/components/AlphaIconButton/IconButton.module.scss
@@ -13,7 +13,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
   &:where(.size-xs) {
     @include dimension.square(20px);
 
-    padding: 4px;
+    padding: 2px;
   }
 
   &:where(.size-s) {
diff --git a/packages/bezier-react/src/components/AlphaIconButton/IconButton.tsx b/packages/bezier-react/src/components/AlphaIconButton/IconButton.tsx
index 101329dc5..110bb772e 100644
--- a/packages/bezier-react/src/components/AlphaIconButton/IconButton.tsx
+++ b/packages/bezier-react/src/components/AlphaIconButton/IconButton.tsx
@@ -16,7 +16,7 @@ import styles from './IconButton.module.scss'
 function getIconSize(size: ButtonSize) {
   return (
     {
-      xs: 'xxs',
+      xs: 'xs',
       s: 'xs',
       m: 's',
       l: 's',