diff --git a/public/src/admin/extend/widgets.js b/public/src/admin/extend/widgets.js
index 513f395441..e3f43f4185 100644
--- a/public/src/admin/extend/widgets.js
+++ b/public/src/admin/extend/widgets.js
@@ -35,9 +35,8 @@ define('admin/extend/widgets', [
 	};
 
 	function prepareWidgets() {
-		$('[data-location="drafts"]').appendTo(
-			$('[component="drafts-container"]')
-		);
+		const draftContainer = $('[component="drafts-container"]');
+		$('[data-location="drafts"]').appendTo(draftContainer);
 
 		$('#widgets .available-widgets .widget-panel').draggable({
 			helper: function (e) {
@@ -66,6 +65,12 @@ define('admin/extend/widgets', [
 				createDatePicker(ui.item);
 				appendToggle(ui.item);
 			},
+			start: function () {
+				draftContainer.find('[data-location="drafts"]>div').removeClass('overflow-auto');
+			},
+			stop: function () {
+				draftContainer.find('[data-location="drafts"]>div').addClass('overflow-auto');
+			},
 			connectWith: 'div',
 		}).on('click', '.delete-widget', function () {
 			const panel = $(this).parents('.widget-panel');