diff --git a/webapp/src/main/webapp/news-list-view/components/NewsListView.vue b/webapp/src/main/webapp/news-list-view/components/NewsListView.vue
index a118bd898e..2bbb3dd0dd 100644
--- a/webapp/src/main/webapp/news-list-view/components/NewsListView.vue
+++ b/webapp/src/main/webapp/news-list-view/components/NewsListView.vue
@@ -205,9 +205,9 @@ export default {
     this.retrieveNewsList().finally(() => this.$root.$applicationLoaded());
     document.addEventListener(`component-${this.extensionApp}-${this.extensionType}-updated`, this.refreshViewExtensions);
     this.refreshViewExtensions();
-
-    document.addEventListener('drawerOpened', () => this.$el.closest('#stickyBlockDesktop').style.position = 'static');
-    document.addEventListener('drawerClosed', () => this.$el.closest('#stickyBlockDesktop').style.position = 'sticky');
+  },
+  beforeDestroy() {
+    document.removeEventListener(`component-${this.extensionApp}-${this.extensionType}-updated`, this.refreshViewExtensions);
   },
   methods: {
     retrieveNewsList() {
diff --git a/webapp/src/main/webapp/news-list-view/components/settings/NewsSettingsDrawer.vue b/webapp/src/main/webapp/news-list-view/components/settings/NewsSettingsDrawer.vue
index e4a9e0abc1..fd36068602 100644
--- a/webapp/src/main/webapp/news-list-view/components/settings/NewsSettingsDrawer.vue
+++ b/webapp/src/main/webapp/news-list-view/components/settings/NewsSettingsDrawer.vue
@@ -21,6 +21,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     id="newsSettingsDrawer"
     right
     fixed
+    detached
     @closed="close">
     <template slot="title">
       <div class="flex flex-row">