Unable to stretched ListBoxItem and a DataRowItem

[MikeAlhayek]

I am trying to write a WPF application using c#.

I have a view where I need to show a label in one column and a text box in a second column in a ListBox For some reason I can't seems to stretch the items. As you can see, I am using HorizontalContentAlignment="Stretch" which many hits out there suggest to do. I even tried adding ScrollViewer.HorizontalScrollBarVisibility="Disabled" to the ListBox with no luck.

Here is the XAML code of my view

    <ListBox HorizontalContentAlignment="Stretch"
             ItemsSource="{Binding GroupItems }">
    <ListBox.ItemTemplate>
        <DataTemplate>

                <Grid HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="2*" />
                    </Grid.ColumnDefinitions>

                    <Label Content="{Binding Path=Title}"
                           Grid.Column="0"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Right"
                           Padding="0 0 7 0"
                           Margin="0,6,0,3" />

                    <TextBox Grid.Column="1"
                             Text="{Binding Path=Amount, Mode=TwoWay}"
                             HorizontalAlignment="Stretch" />
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Here is a screenshot of how it looks like.

Here is how the same code look without this package