diff --git a/entry_types/scrolled/package/src/editor/views/ChapterItemView.js b/entry_types/scrolled/package/src/editor/views/ChapterItemView.js
index 524f8ecd5..e1909bb34 100644
--- a/entry_types/scrolled/package/src/editor/views/ChapterItemView.js
+++ b/entry_types/scrolled/package/src/editor/views/ChapterItemView.js
@@ -3,6 +3,7 @@ import Marionette from 'backbone.marionette';
 
 import {editor, modelLifecycleTrackingView} from 'pageflow/editor';
 import {cssModulesUtils, SortableCollectionView} from 'pageflow/ui';
+import {browser} from 'pageflow/frontend';
 
 import {SectionItemView} from './SectionItemView';
 
@@ -58,7 +59,8 @@ export const ChapterItemView = Marionette.Layout.extend({
       itemViewOptions: {
         entry: this.options.entry
       },
-      connectWith: cssModulesUtils.selector(styles, 'sections')
+      connectWith: cssModulesUtils.selector(styles, 'sections'),
+      forceDraggableFallback: browser.agent.matchesDesktopSafari()
     }));
 
     this.update();
diff --git a/package/src/ui/views/SortableCollectionView.js b/package/src/ui/views/SortableCollectionView.js
index ed6a5f4fc..9914c9da2 100644
--- a/package/src/ui/views/SortableCollectionView.js
+++ b/package/src/ui/views/SortableCollectionView.js
@@ -14,6 +14,9 @@ export const SortableCollectionView = CollectionView.extend({
 
       ghostClass: 'sortable-placeholder',
 
+      forceFallback: this.options.forceDraggableFallback,
+      fallbackTolerance: 3,
+
       onEnd: event => {
         const item = $(event.item);