horizontal TableCalendar for Web spacing issue

[hemantchauhan]

I am not sure if you would call it a bug.
But TableCalendar on web, shows up with too much space between day cells. please see screenshot.
how can I decrease the spacing between days. even if set the calendarFormat to CalendarFormat.month it scales vertically with the spacing between day cells the same as in screenshot.

TableCalendar(
      startingDayOfWeek: viewModel.startingDOW,
      firstDay: viewModel.calendarStartDate(),
      focusedDay: viewModel.currentDate,
      lastDay: viewModel.calendarEndDate(),
      calendarFormat: CalendarFormat.month,
      headerVisible: false,
      rowHeight: 60,
      daysOfWeekStyle: DaysOfWeekStyle(
        weekdayStyle: Styles.genericTextStyle(fontSize: 12)
            .copyWith(color: AppColors.defaultNeutralGray),
        weekendStyle: Styles.genericTextStyle(fontSize: 12)
            .copyWith(color: AppColors.defaultNeutralGray),
        dowTextFormatter: (date, locale) {
          var day = DateFormat.E(locale).format(date);
          return day.substring(0, day.length - 1);
        },
      ),
      calendarStyle: const CalendarStyle(
        outsideDaysVisible: false,
        //markersAnchor: -0.1,
        //markerSize: 2.0,
        markerSizeScale: 0.2,
        markersAnchor: 0.1,
        markerMargin: EdgeInsets.symmetric(horizontal: 0.3),
        markersAlignment: Alignment.bottomCenter,
        markersMaxCount: 4,
        //markerMargin: EdgeInsets.all(0),
        canMarkersOverflow: false,
      ),
      shouldFillViewport: true,
      onPageChanged: viewModel.onPageChanged,
      eventLoader: viewModel.eventsForDay,
)