diff --git a/lib/package.json b/lib/package.json
index 18a995e2..0fe807e9 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dooboo-ui",
-  "version": "0.2.0-rc.26",
+  "version": "0.2.0-rc.27",
   "main": "index.js",
   "types": "index.d.ts",
   "author": "dooboolab",
diff --git a/main/uis/Button/index.tsx b/main/uis/Button/index.tsx
index e239d566..88d22150 100644
--- a/main/uis/Button/index.tsx
+++ b/main/uis/Button/index.tsx
@@ -1,6 +1,7 @@
 import type {ReactElement, ReactNode} from 'react';
 import React, {useCallback, useRef} from 'react';
 import type {
+  Insets,
   StyleProp,
   TextStyle,
   TouchableHighlightProps,
@@ -137,6 +138,7 @@ export type Props = {
     TouchableHighlightProps,
     'onPress' | 'activeOpacity' | 'style'
   >;
+  hitSlop?: null | Insets | number | undefined;
 };
 
 export function Button(props: Props): ReactElement {
@@ -158,6 +160,7 @@ export function Button(props: Props): ReactElement {
     touchableHighlightProps,
     borderRadius = 4,
     loadingColor,
+    hitSlop = {top: 8, bottom: 8, left: 8, right: 8},
   } = props;
 
   const ref = useRef<TouchableHighlight>(null);
@@ -294,7 +297,6 @@ export function Button(props: Props): ReactElement {
           compositeStyles.text,
           innerDisabled && compositeStyles.disabledText,
           css`
-            text-align-vertical: center;
             text-align: center;
           `,
         ]}
@@ -311,6 +313,7 @@ export function Button(props: Props): ReactElement {
 
   return (
     <TouchableHighlight
+      hitSlop={hitSlop}
       testID={testID}
       ref={Platform.select({
         web: ref,