diff --git a/demo/Semi.Avalonia.Demo/Pages/NumericUpDownDemo.axaml b/demo/Semi.Avalonia.Demo/Pages/NumericUpDownDemo.axaml
index 4057140..9e70dce 100644
--- a/demo/Semi.Avalonia.Demo/Pages/NumericUpDownDemo.axaml
+++ b/demo/Semi.Avalonia.Demo/Pages/NumericUpDownDemo.axaml
@@ -27,5 +27,15 @@
             Maximum="100"
             Minimum="0"
             ShowButtonSpinner="False" />
+        <NumericUpDown
+            Width="200"
+            Classes="Large"
+            Maximum="100"
+            Minimum="0" />
+        <NumericUpDown
+            Width="200"
+            Classes="Small"
+            Maximum="100"
+            Minimum="0" />
     </StackPanel>
 </UserControl>
diff --git a/src/Semi.Avalonia/Controls/NumericUpDown.axaml b/src/Semi.Avalonia/Controls/NumericUpDown.axaml
index 1ed2aa5..fe21510 100644
--- a/src/Semi.Avalonia/Controls/NumericUpDown.axaml
+++ b/src/Semi.Avalonia/Controls/NumericUpDown.axaml
@@ -5,6 +5,7 @@
     <!--  Add Resources Here  -->
     <ControlTheme x:Key="{x:Type NumericUpDown}" TargetType="NumericUpDown">
         <Setter Property="NumericUpDown.VerticalContentAlignment" Value="Center" />
+        <Setter Property="NumericUpDown.MinHeight" Value="{DynamicResource NumericUpDownWrapperDefaultHeight}" />
         <Setter Property="NumericUpDown.CornerRadius" Value="{DynamicResource NumericUpDownCornerRadius}" />
         <Setter Property="NumericUpDown.Template">
             <ControlTemplate TargetType="NumericUpDown">
@@ -36,6 +37,13 @@
                 </ButtonSpinner>
             </ControlTemplate>
         </Setter>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource NumericUpDownWrapperLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource NumericUpDownWrapperSmallHeight}" />
+        </Style>
     </ControlTheme>
 
 </ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Dark/NumericUpDown.axaml b/src/Semi.Avalonia/Themes/Dark/NumericUpDown.axaml
index 60ebcd9..27105a5 100644
--- a/src/Semi.Avalonia/Themes/Dark/NumericUpDown.axaml
+++ b/src/Semi.Avalonia/Themes/Dark/NumericUpDown.axaml
@@ -1,4 +1,7 @@
 <ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <!--  Add Resources Here  -->
     <CornerRadius x:Key="NumericUpDownCornerRadius">3</CornerRadius>
+    <x:Double x:Key="NumericUpDownWrapperDefaultHeight">32</x:Double>
+    <x:Double x:Key="NumericUpDownWrapperSmallHeight">24</x:Double>
+    <x:Double x:Key="NumericUpDownWrapperLargeHeight">40</x:Double>
 </ResourceDictionary>
diff --git a/src/Semi.Avalonia/Themes/Light/NumericUpDown.axaml b/src/Semi.Avalonia/Themes/Light/NumericUpDown.axaml
index 60ebcd9..27105a5 100644
--- a/src/Semi.Avalonia/Themes/Light/NumericUpDown.axaml
+++ b/src/Semi.Avalonia/Themes/Light/NumericUpDown.axaml
@@ -1,4 +1,7 @@
 <ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <!--  Add Resources Here  -->
     <CornerRadius x:Key="NumericUpDownCornerRadius">3</CornerRadius>
+    <x:Double x:Key="NumericUpDownWrapperDefaultHeight">32</x:Double>
+    <x:Double x:Key="NumericUpDownWrapperSmallHeight">24</x:Double>
+    <x:Double x:Key="NumericUpDownWrapperLargeHeight">40</x:Double>
 </ResourceDictionary>