diff --git a/calendar/templates/default/edit.xet b/calendar/templates/default/edit.xet
index 3754508c49..cdfe7803b0 100644
--- a/calendar/templates/default/edit.xet
+++ b/calendar/templates/default/edit.xet
@@ -4,7 +4,7 @@
 <overlay>
 	<template id="calendar.edit.details" template="" lang="" group="0" version="1.9.001">
 		<hbox options="0,0">
-			<grid width="445">
+			<grid width="60%">
 				<columns>
 					<column width="80px"/>
 					<column/>
@@ -28,7 +28,7 @@
 						</hbox>
 					</row>
 					<row>
-						<grid width="445">
+						<grid width="100%">
 							<columns>
 								<column width="80px" height="30px"/>
 								<column/>
@@ -83,7 +83,7 @@
 					</row>
 				</rows>
 			</grid>
-			<vbox align="right" options="0,0" class="calendar_category_details">
+			<vbox align="right" options="0,0" width="100%">
 				<description/>
 				<description for="category" value="Categories" class="row_on"/>
 				<listbox type="select-cat" id="category" rows="9" />
@@ -289,7 +289,7 @@
 					<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" label="Freetime search" id="freetime" onclick="app.calendar.freetime_search" image="add" background_image="1" span="all"/>
 				</row>
 				<row>
-					<tabbox id="tabs" span="all" tab_height="250">
+					<tabbox id="tabs" span="all" tab_height="260">
 						<tabs>
 							<tab id="description" label="Description" statustext="Full description"/>
 							<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/>
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index cec758574b..a1108a2724 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1088,6 +1088,7 @@ div.calendar {
 }
 #calendar-edit #calendar-edit_calendar-edit-details .et2_hbox_right {
   overflow-y: auto;
+  width: 30%;
 }
 #calendar-edit #calendar-edit_calendar-edit-details .et2_selectbox .ui-multiselect-checkboxes {
   min-height: 229px;
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 7761a0b599..46324357b1 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -468,7 +468,7 @@ div.calendar { position: relative; }
         // Kategorien
         .calendar_category_details{margin: 0 1em; width: 20em;}
 
-        .et2_hbox_right {overflow-y: auto;}
+        .et2_hbox_right {overflow-y: auto;width:30%;}
         .et2_selectbox .ui-multiselect-checkboxes {min-height: 229px;}
         .et2_selectbox .ui-multiselect-checkboxes li {text-indent: -20px;}