diff --git a/airtime_mvc/public/css/showbuilder.css b/airtime_mvc/public/css/showbuilder.css
index a0a7d8e82..c17319817 100644
--- a/airtime_mvc/public/css/showbuilder.css
+++ b/airtime_mvc/public/css/showbuilder.css
@@ -47,10 +47,22 @@ tr.cursor-selected-row .marker {
 .ui-dialog .wrapper {
     margin: 0;
     padding: 10px 0 0 0;
+    overflow: hidden;
+}
+
+.ui-dialog #library_content {
+    margin: 0 10px 10px 0;
+    overflow: auto;
+    min-height: 0;
 }
 
 .ui-dialog #show_builder {
-    width:45%;
+    margin: 0 0 10px 0;
+    overflow: auto;   
+}
+
+.ui-dialog .padded {
+    padding: 8px 10px 8px 8px;
 }
 
 .ui-dialog .ui-buttonset {
diff --git a/airtime_mvc/public/js/airtime/schedule/schedule.js b/airtime_mvc/public/js/airtime/schedule/schedule.js
index e93be7df3..192a64488 100644
--- a/airtime_mvc/public/js/airtime/schedule/schedule.js
+++ b/airtime_mvc/public/js/airtime/schedule/schedule.js
@@ -100,15 +100,31 @@ function buildScheduleDialog (json) {
 	
 	var dialog = $(json.dialog),
 		viewport = findViewportDimensions(),
-		height = viewport.height * 0.96,
-		width = viewport.width * 0.96,
-		fnServer = AIRTIME.showbuilder.fnServerData;
-    
+		height = Math.floor(viewport.height * 0.96),
+		width = Math.floor(viewport.width * 0.96),
+		fnServer = AIRTIME.showbuilder.fnServerData,
+		//subtract padding in pixels
+		widgetWidth = width - 50,
+		libWidth = Math.floor(widgetWidth * 0.5),
+		builderWidth = Math.floor(widgetWidth * 0.5);
+	
+	
+	
+	dialog.find("#library_content")
+		.height(height - 125)
+		.width(libWidth);
+	
+	dialog.find("#show_builder")
+		.height(height - 125)
+		.width(builderWidth);
+	
 	dialog.dialog({
 		autoOpen: false,
 		title: json.title,
 		width: width,
 		height: height,
+		resizable: false,
+		draggable: false,
 		modal: true,
 		close: closeDialog,
 		buttons: {"Ok": function() {