From 19182471618c70a8b6cc8760eb5d45a42cd3e23a Mon Sep 17 00:00:00 2001
From: digitaldirk <22691956+digitaldirk@users.noreply.github.com>
Date: Thu, 11 Apr 2024 13:51:03 -0700
Subject: [PATCH] [Docs] Update Progress stroke examples dropdowns (#1835)

* [Docs] Update ProgressStrokeExample.razor dropdown widths

Adjusted width of dropdowns to avoid value cutoff

* [Docs] Update ProgressRingStroke.razor dropdown widths

Adjusted width of dropdowns to avoid value cutoff
---
 .../Pages/Progress/Examples/ProgressStrokeExample.razor     | 6 +++---
 .../Pages/ProgressRing/Examples/ProgressRingStroke.razor    | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/Demo/Shared/Pages/Progress/Examples/ProgressStrokeExample.razor b/examples/Demo/Shared/Pages/Progress/Examples/ProgressStrokeExample.razor
index d2430eda3e..a9c9dfcc96 100644
--- a/examples/Demo/Shared/Pages/Progress/Examples/ProgressStrokeExample.razor
+++ b/examples/Demo/Shared/Pages/Progress/Examples/ProgressStrokeExample.razor
@@ -1,8 +1,8 @@
 <h4>Stroke and Color</h4>
 
-<FluentSelect Label="Width" Items="@(new [] { Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Small, Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Normal, Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Large })" @bind-SelectedOption="@Stroke" Width="60px" />
+<FluentSelect Label="Width" Items="@(new [] { Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Small, Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Normal, Microsoft.FluentUI.AspNetCore.Components.ProgressStroke.Large })" @bind-SelectedOption="@Stroke" Width="100px" />
 <FluentCheckbox Label="Indeterminate" @bind-Value="@Indeterminate" />
-<FluentSelect Label="Color" Items="@(Enum.GetValues<OfficeColor>())" @bind-SelectedOption="@Color" Width="100px" Height="200px" />
+<FluentSelect Label="Color" Items="@(Enum.GetValues<OfficeColor>())" @bind-SelectedOption="@Color" Width="120px" Height="200px" />
 <FluentSlider Min="0" Max="100" Step="5" @bind-Value="@Percentage" Style="max-width: 200px; margin: 20px 0px;" Disabled="@Indeterminate" />
 
 <FluentStack Style="margin: 30px;">
@@ -20,4 +20,4 @@
     int Percentage = 30;
     bool Indeterminate = false;
     OfficeColor Color = OfficeColor.Default;
-}
\ No newline at end of file
+}
diff --git a/examples/Demo/Shared/Pages/ProgressRing/Examples/ProgressRingStroke.razor b/examples/Demo/Shared/Pages/ProgressRing/Examples/ProgressRingStroke.razor
index 5abf0107eb..5eb0170f4f 100644
--- a/examples/Demo/Shared/Pages/ProgressRing/Examples/ProgressRingStroke.razor
+++ b/examples/Demo/Shared/Pages/ProgressRing/Examples/ProgressRingStroke.razor
@@ -1,8 +1,8 @@
 <h4>Stroke and Color</h4>
 
-<FluentSelect Label="Width" Items="@(new [] { ProgressStroke.Small, ProgressStroke.Normal, ProgressStroke.Large })" @bind-SelectedOption="@Stroke" Width="160px" />
+<FluentSelect Label="Width" Items="@(new [] { ProgressStroke.Small, ProgressStroke.Normal, ProgressStroke.Large })" @bind-SelectedOption="@Stroke" Width="100px" />
 <FluentCheckbox Label="Indeterminate" @bind-Value="@Indeterminate" />
-<FluentSelect Label="Color" Items="@(Enum.GetValues<OfficeColor>())" @bind-SelectedOption="@Color" Width="160px" Height="200px" />
+<FluentSelect Label="Color" Items="@(Enum.GetValues<OfficeColor>())" @bind-SelectedOption="@Color" Width="120px" Height="200px" />
 <FluentSlider Min="0" Max="100" Step="5" @bind-Value="@Percentage" Style="max-width: 200px; margin: 20px 0px;" Disabled="@Indeterminate" />
 
 <FluentStack Style="margin: 30px;">