1 files changed, 9 insertions, 1 deletions
diff --git a/app/assets/javascripts/sidebar/components/toggle/toggle_sidebar.vue b/app/assets/javascripts/sidebar/components/toggle/toggle_sidebar.vue
index ba0bf783315..7ce1ceb4bb8 100644
--- a/app/assets/javascripts/sidebar/components/toggle/toggle_sidebar.vue
+++ b/app/assets/javascripts/sidebar/components/toggle/toggle_sidebar.vue
@@ -1,6 +1,7 @@
 <script>
 import { GlButton, GlTooltipDirective } from '@gitlab/ui';
 import { __ } from '~/locale';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 
 export default {
   name: 'ToggleSidebar',
@@ -10,6 +11,7 @@ export default {
   directives: {
     GlTooltip: GlTooltipDirective,
   },
+  mixins: [glFeatureFlagsMixin()],
   props: {
     collapsed: {
       type: Boolean,
@@ -29,7 +31,13 @@ export default {
       return this.collapsed ? 'chevron-double-lg-left' : 'chevron-double-lg-right';
     },
     allCssClasses() {
-      return [this.cssClasses, { 'js-sidebar-collapsed': this.collapsed }];
+      return [
+        this.cssClasses,
+        {
+          'js-sidebar-collapsed': this.collapsed,
+          'gl-mt-2': this.glFeatures.notificationsTodosButtons,
+        },
+      ];
     },
   },
   watch: {