Widget-Content-Breite ungleich der Überschrift des Widgets

Morgen,

hab jetzt wieder eine Nacht durch und ein neues Problem hat sich aufgetan:

Wenn man den Inhalt des Widgets „Kommende Veranstaltungen“ mal abgesehen von der ekelhaften Darstellung der Überschrift am Rande nimmt, stellt man fest, dass die Widgets drüber alle ordentlich dargestellt sind. Bei dem letzteren verhält es sich jedoch so, dass ich im Custom-CSS die Breite auf 108.2% stellen musste. Ist ja auch ok solange niemand auf die Idee kommt zu zoomen, denn dann verändert sich die Breite des Inhalts des Widgets ungleich der Überschriftzeile inkl. dem Rahmen dieser.

Habt ihr mir den Hinweis was ich falsch mache? Hier mal der Code aus dem CSS:

.ai1ec-agenda-widget-view {
  width: 108.2%;
	border: 1px solid #CCC; 
  margin: 0 auto;
	/*box-sizing:border-box;*/ 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;	
	-webkit-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
}

Vielen Dank!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]