diff --git a/src/components/BaseInput/BaseInput.theme.ts b/src/components/BaseInput/BaseInput.theme.ts
index c8c975d3..707d1600 100644
--- a/src/components/BaseInput/BaseInput.theme.ts
+++ b/src/components/BaseInput/BaseInput.theme.ts
@@ -27,10 +27,7 @@ import Theme from '../../themes/schema'
  * @param {Partial<Theme>} theme - theme configuration.
  * @returns {Partial<ComponentsTheme>} The generated Input Ant theme configuration.
  */
-export default ({ palette, spacing, shape }: Partial<Theme>): ComponentsTheme['Input'] => ({
-  // sizing
-  paddingBlock: Number(spacing?.padding.sm),
-  paddingInline: Number(spacing?.padding.sm),
+export default ({ palette, shape }: Partial<Theme>): ComponentsTheme['Input'] => ({
   // shape
   borderRadius: Number(shape?.border?.radius?.md),
   // palette
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 8f495206..88c40523 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -16,6 +16,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { Input as AntInput, ConfigProvider, ThemeConfig } from 'antd'
 import {
   ChangeEvent,
   ReactElement,
@@ -23,7 +24,6 @@ import {
   useMemo,
   useState,
 } from 'react'
-import { Input as AntInput } from 'antd'
 
 import { AddonType, Type } from './types'
 import { BaseInput, defaults as baseInputDefaults } from '../BaseInput/BaseInput'
@@ -32,6 +32,7 @@ import { Icon } from '../Icon'
 import { InputProps } from './props'
 import { isObject } from '../../utils/object.ts'
 import styles from './input.module.css'
+import { useTheme } from '../../hooks/useTheme/useTheme.ts'
 
 export const defaults = {
   ...baseInputDefaults,
@@ -95,6 +96,17 @@ export const Input = (
     addonBefore: addonBeforeProp,
   }: InputProps
 ) : ReactElement => {
+  const { spacing } = useTheme()
+
+  const scopedAntTheme: ThemeConfig = {
+    components: {
+      Input: {
+        paddingBlock: Number(spacing.padding.sm),
+        paddingInline: Number(spacing.padding.sm),
+      },
+    },
+  }
+
   const [val, setVal] = useInputValue(value || defaultValue, valuePropName, {
     before: addonBeforeProp,
     after: addonAfterProp,
@@ -160,29 +172,31 @@ export const Input = (
   }, [getValue, defaultValue])
 
   return (
-    <BaseInput
-      addonAfter={addonAfter}
-      addonBefore={addonBefore}
-      allowClear={allowClear}
-      appearance={appearance}
-      className={styles.input}
-      component={AntInput}
-      defaultValue={inputDefaultValue}
-      id={id}
-      inputRef={inputRef}
-      isDisabled={isDisabled}
-      isError={isError}
-      isFullWidth={isFullWidth}
-      isReadOnly={isReadOnly}
-      maxLength={maxLength}
-      minLength={minLength}
-      placeholder={placeholder}
-      prefix={iconLeft && <Icon component={iconLeft} size={DEFAULT_ICON_SIZE} />}
-      suffix={iconRight && <Icon component={iconRight} size={DEFAULT_ICON_SIZE} />}
-      type={type}
-      value={inputValue}
-      onChange={handleChange}
-    />
+    <ConfigProvider theme={scopedAntTheme}>
+      <BaseInput
+        addonAfter={addonAfter}
+        addonBefore={addonBefore}
+        allowClear={allowClear}
+        appearance={appearance}
+        className={styles.input}
+        component={AntInput}
+        defaultValue={inputDefaultValue}
+        id={id}
+        inputRef={inputRef}
+        isDisabled={isDisabled}
+        isError={isError}
+        isFullWidth={isFullWidth}
+        isReadOnly={isReadOnly}
+        maxLength={maxLength}
+        minLength={minLength}
+        placeholder={placeholder}
+        prefix={iconLeft && <Icon component={iconLeft} size={DEFAULT_ICON_SIZE} />}
+        suffix={iconRight && <Icon component={iconRight} size={DEFAULT_ICON_SIZE} />}
+        type={type}
+        value={inputValue}
+        onChange={handleChange}
+      />
+    </ConfigProvider>
   )
 }
 
diff --git a/src/components/ThemeProvider/Ant.tsx b/src/components/ThemeProvider/Ant.tsx
index 1a4c27b0..8de3e1a3 100644
--- a/src/components/ThemeProvider/Ant.tsx
+++ b/src/components/ThemeProvider/Ant.tsx
@@ -108,7 +108,7 @@ const generateAntTheme = ({ palette, typography, shape, spacing }: Partial<Theme
     Table: TableTheme({ palette, spacing }),
     Tree: TreeTheme({ palette, shape }),
     Typography: TypographyTheme({ typography }),
-    Input: InputTheme({ palette, shape, typography, spacing }),
+    Input: InputTheme({ palette, shape, typography }),
     InputNumber: InputTheme({ palette, shape, typography, spacing }),
     Select: SelectTheme({ palette, shape, typography, spacing }),
     Tag: TagTheme({ palette }),
diff --git a/src/components/ThemeProvider/__tests__/__snapshots__/Ant.test.tsx.snap b/src/components/ThemeProvider/__tests__/__snapshots__/Ant.test.tsx.snap
index da3500b0..cd5d10aa 100644
--- a/src/components/ThemeProvider/__tests__/__snapshots__/Ant.test.tsx.snap
+++ b/src/components/ThemeProvider/__tests__/__snapshots__/Ant.test.tsx.snap
@@ -41,8 +41,6 @@ exports[`Generate Ant Theme generate ant theme from darkTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "InputNumber": {
       "activeBorderColor": "#1261e4",
@@ -61,8 +59,6 @@ exports[`Generate Ant Theme generate ant theme from darkTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "Menu": {
       "groupTitleColor": "#898989",
@@ -105,8 +101,6 @@ exports[`Generate Ant Theme generate ant theme from darkTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "Switch": {
       "handleBg": "#ffffff",
@@ -214,8 +208,6 @@ exports[`Generate Ant Theme generate ant theme from empty theme 1`] = `
       "colorTextPlaceholder": undefined,
       "colorTextQuaternary": undefined,
       "hoverBorderColor": undefined,
-      "paddingBlock": NaN,
-      "paddingInline": NaN,
     },
     "InputNumber": {
       "activeBorderColor": undefined,
@@ -234,8 +226,6 @@ exports[`Generate Ant Theme generate ant theme from empty theme 1`] = `
       "colorTextPlaceholder": undefined,
       "colorTextQuaternary": undefined,
       "hoverBorderColor": undefined,
-      "paddingBlock": NaN,
-      "paddingInline": NaN,
     },
     "Menu": {
       "groupTitleColor": undefined,
@@ -278,8 +268,6 @@ exports[`Generate Ant Theme generate ant theme from empty theme 1`] = `
       "colorTextPlaceholder": undefined,
       "colorTextQuaternary": undefined,
       "hoverBorderColor": undefined,
-      "paddingBlock": NaN,
-      "paddingInline": NaN,
     },
     "Switch": {
       "handleBg": undefined,
@@ -387,8 +375,6 @@ exports[`Generate Ant Theme generate ant theme from lightTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "InputNumber": {
       "activeBorderColor": "#1261e4",
@@ -407,8 +393,6 @@ exports[`Generate Ant Theme generate ant theme from lightTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "Menu": {
       "groupTitleColor": "#898989",
@@ -451,8 +435,6 @@ exports[`Generate Ant Theme generate ant theme from lightTheme 1`] = `
       "colorTextPlaceholder": "#acacac",
       "colorTextQuaternary": "#898989",
       "hoverBorderColor": "#1890ff",
-      "paddingBlock": 8,
-      "paddingInline": 8,
     },
     "Switch": {
       "handleBg": "#ffffff",