ComboBox dropdown arrow cropped and size reduced while customising the height using Style property

Describe the bug

While customising the height of ComboBox using Style property , the dropdown arrow cropped. If we use direct Height properties, then it working fine.

Note: It will occurred while we setting small value to Height property.

Sample:

ComboBox_DropDownCropped.zip

Steps to reproduce the bug

Steps to reproduce the behavior:

1. Extract the sample.
2. Run the sample.
3. Compare the first and second ComboBox dropdown arrow.
4. Note, the second ComboBox dropdown arrow cropped and Arrow size looks small.

Expected behavior

The second ComboBox dropdown arrow should be displayed properly with same size as like as first ComboBox .

Screenshots

Version Info

NuGet package version:

[Microsoft.WinUI 3.0.0-preview4.210210.4]

Windows app type:

UWP	Win32
Yes

Windows 10 version	Saw the problem?
Insider Build (xxxxx)
October 2020 Update (19042)	Yes
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)

Device form factor	Saw the problem?
Desktop	Yes
Xbox
Surface Hub
IoT

Additional context

[jschwizer99]

            <Style TargetType="TextBox">
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="Margin" Value="2"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Style>
            <Style TargetType="NumberBox" x:Key="UpDown">
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Style>

Results in

            <Style TargetType="TextBox">
                <Setter Property="BorderThickness" Value="1"/>
            </Style>
            <Style TargetType="NumberBox" x:Key="UpDown">
                <Setter Property="VerticalAlignment" Value="Center"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Style>

Results in

for

                <NumberBox
                    Value="45"
                    SpinButtonPlacementMode="Inline"
                    Style="{StaticResource UpDown}"/>

Without Inline:

First version, but with 5 pixel textbox border:

[github-actions[bot]]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 5 days.