RibbonRadioButton anti-aliasing

Hi there

I have a RibbonRadioButton that is using a 32x32 large image. It looks like the anti-aliasing around the edge of the button image is not working properly. The image is set to 96dpi so I don't know why it is not rendering as well as I'd expect. The XAML is here:

Windowx:Class="DashboardTest.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary"

Title="MainWindow"Height="350"Width="525">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition/>

<RowDefinition/>

</Grid.RowDefinitions>

<ribbon:Ribbonx:Name="Ribbon"Grid.Column="0"Grid.Row="1">

<ribbon:RibbonGroupx:Name="LiveStatusGroup"

Header="RibbonGroup Header">

<ribbon:RibbonRadioButtonx:Name="Dashboard"

LargeImageSource="images\LiveStatus_Dashboard.png"

HorizontalContentAlignment="Center"

HorizontalAlignment="Center"

VerticalContentAlignment="Center"

VerticalAlignment="Center"

Label="RibbonRadioButton Label"

ToolTip="RibbonRadioButton ToolTip"/>

</ribbon:RibbonGroup>

</ribbon:Ribbon>

<ImageGrid.Column="0"Grid.Row="1"Width="32"Height="32"Source="LiveStatus_Dashboard.png"/>

</Grid>

Window>