diff --git a/entry_types/scrolled/package/src/editor/views/SectionItemView.js b/entry_types/scrolled/package/src/editor/views/SectionItemView.js
index f071ad8e4..6546623dc 100644
--- a/entry_types/scrolled/package/src/editor/views/SectionItemView.js
+++ b/entry_types/scrolled/package/src/editor/views/SectionItemView.js
@@ -12,7 +12,7 @@ import styles from './SectionItemView.module.css';
 
 export const SectionItemView = Marionette.ItemView.extend({
   tagName: 'li',
-  className: `${styles.root}`,
+  className: `${styles.root} ${styles.withTransition}`,
 
   mixins: [modelLifecycleTrackingView({classNames: styles})],
 
diff --git a/entry_types/scrolled/package/src/editor/views/SectionItemView.module.css b/entry_types/scrolled/package/src/editor/views/SectionItemView.module.css
index 6b40be201..3c923d7f1 100644
--- a/entry_types/scrolled/package/src/editor/views/SectionItemView.module.css
+++ b/entry_types/scrolled/package/src/editor/views/SectionItemView.module.css
@@ -5,7 +5,12 @@
   position: relative;
 }
 
+.withTransition {
+  composes: sectionWithTransition from './outline.module.css';
+}
+
 .outline {
+  position: relative;
   border: solid selectionWidth transparent;
   border-radius: rounded();
   padding: 1px;