Making text wrap on Add Widget dialog

tools/Dashboard/DevHome.Dashboard/Views/AddWidgetDialog.xaml.cs

@@ -108,7 +108,7 @@ private async Task FillAvailableWidgetsAsync()
                 {
                     IsExpanded = true,
                     Tag = providerDef,
-                    Content = providerDef.DisplayName,
+                    Content = new TextBlock { Text = providerDef.DisplayName, TextWrapping = TextWrapping.Wrap },
                 };
 
                 navItem.SetValue(ToolTipService.ToolTipProperty, providerDef.DisplayName);
@@ -148,17 +148,21 @@ private async Task FillAvailableWidgetsAsync()
         }
     }
 
-    private async Task<StackPanel> BuildWidgetNavItem(ComSafeWidgetDefinition widgetDefinition)
+    private async Task<Grid> BuildWidgetNavItem(ComSafeWidgetDefinition widgetDefinition)
     {
         var image = await _widgetIconService.GetIconFromCacheAsync(widgetDefinition, ActualTheme);
         return BuildNavItem(image, widgetDefinition.DisplayTitle);
     }
 
-    private StackPanel BuildNavItem(BitmapImage image, string text)
+    private Grid BuildNavItem(BitmapImage image, string text)
     {
-        var itemContent = new StackPanel
+        var itemContent = new Grid
         {
-            Orientation = Orientation.Horizontal,
+            ColumnDefinitions =
+            {
+                new ColumnDefinition { Width = GridLength.Auto },
+                new ColumnDefinition { Width = new GridLength(1, GridUnitType.Star) },
+            },
         };
 
         if (image is not null)
@@ -167,21 +171,26 @@ private StackPanel BuildNavItem(BitmapImage image, string text)
             {
                 Width = 16,
                 Height = 16,
-                Margin = new Thickness(0, 0, 10, 0),
+                Margin = new Thickness(0, 0, 8, 0),
                 Fill = new ImageBrush
                 {
                     ImageSource = image,
                     Stretch = Stretch.Uniform,
                 },
             };
+            Grid.SetColumn(itemSquare, 0);
 
             itemContent.Children.Add(itemSquare);
         }
 
         var itemText = new TextBlock()
         {
             Text = text,
+            TextWrapping = TextWrapping.Wrap,
+            VerticalAlignment = VerticalAlignment.Center,
         };
+        Grid.SetColumn(itemText, 1);
+
         itemContent.Children.Add(itemText);
 
         return itemContent;