Fix Events Calendar for Kadence Theme - width too wide issue

style.css

@media screen and (min-width: 1280px) {
    .tribe-events.alignwide {
        max-width: var(--global-content-width) !important;
        margin-left: calc( 50% - ( var(--global-content-width) / 2 )) !important;
        margin-right: calc( 50% - ( var(--global-content-width)/ 2 )) !important;
        padding: 0 var(--global-content-edge-padding) !important;
    }
}
@media screen and (max-width: 1279px) {
    .tribe-events-view.alignwide {
        margin: 0 auto;
        padding: 0 var(--global-content-edge-padding);
        width: auto;
    }
}

.tribe-events .tribe-events-calendar-series-archive__link:hover .tribe-events-series-archive__icon {
    color: var(--wp--preset--color--theme-palette-1) !important;
}

Getting The Event Calendar plugin to work well with any theme can be a challenge.

With this snippet we fix 2 quirks:

1. the width of the Event Calendar for Kadence theme
2. the SVG color of the icon for series links.

Follow the link below for a complete tutorial and video guide.

How to Fix The Event Calendar Page Width in Kadence Theme