DayNameFormat set to Short sets strange column widths?

[Karl]

I've just started to use the RadCalendar control on my page and wanted to change the day header text from MTWTFSS to Mon, Tue, Wed etc so I set the DayNameFormat property to "Short". This has done what I expected, but now the columns are all different sizes?

Does anyone else experience this, or know how to fix it?

I've attached my code and a screen shot to highlight the issue...
 

<telerik:RadCalendar
    id="DatePicker1"
    runat="server"
    Skin="Black"
    EnableMultiSelect="False"
    Width="400"
    FirstDayOfWeek="Monday"
    >
</telerik:RadCalendar><br />
<br />
<telerik:RadCalendar
    id="DatePicker2"
    runat="server"
    Skin="Black"
    EnableMultiSelect="False"
    Width="400"
    FirstDayOfWeek="Monday"
    DayNameFormat="Short"
    >
</telerik:RadCalendar>

[Princy]

Hello Karl,

Try overriding the default CSS like below.

CSS:

.RadCalendar_Black .rcRow td
       {
           width:30px !important;
       }

Thanks,
Princy.

[Karl]

Thanks Princy...