fix(Select): update padding-right variable (#4460)

* refactor: update padding right variable

* chore: bump version 8.1.0.3-beta02

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>8.10.3-beta01</Version>
+    <Version>8.10.3-beta02</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Select/Select.razor.scss

@@ -5,6 +5,7 @@
 
 .select {
     --bb-select-focus-shadow: #{$bb-select-focus-shadow};
+    --bb-select-padding-right: #{$bb-select-padding-right};
     --bb-select-padding: #{$bb-select-padding};
     --bb-select-search-padding: #{$bb-select-search-padding};
     --bb-select-search-margin-bottom: #{$bb-select-search-margin-bottom};
@@ -182,6 +183,7 @@
 .was-validated .form-select:invalid:not([multiple]):not([size]),
 .was-validated .form-select:invalid:not([multiple])[size="1"] {
     background-position: right -1rem center, center right 1.5rem;
+    padding-right: var(--bb-select-padding-right);
 }
 
 .arrow-danger {

src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss

@@ -497,7 +497,8 @@ $bb-segmented-text-margin-left: 4px;
 // Select
 $bb-dropdown-link-pre-active-bg: #498ff7;
 $bb-select-focus-shadow: none;
-$bb-select-padding: 6px 2.25rem 6px 0.75rem;
+$bb-select-padding-right: 2.25rem;
+$bb-select-padding: 6px var(--bb-select-padding-right) 6px 0.75rem;
 $bb-select-search-padding: 7px 10px;
 $bb-select-search-margin-bottom: .5rem;
 $bb-select-search-border-color: var(--bs-border-color);