1 files changed, 2 insertions, 2 deletions
diff --git a/app/assets/javascripts/merge_request_tabs.js b/app/assets/javascripts/merge_request_tabs.js
index 52674107df2..96c4741fc2e 100644
--- a/app/assets/javascripts/merge_request_tabs.js
+++ b/app/assets/javascripts/merge_request_tabs.js
@@ -2,12 +2,12 @@
 
 import $ from 'jquery';
 import Vue from 'vue';
+import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
 import Cookies from 'js-cookie';
 import axios from './lib/utils/axios_utils';
 import flash from './flash';
 import BlobForkSuggestion from './blob/blob_fork_suggestion';
 import initChangesDropdown from './init_changes_dropdown';
-import bp from './breakpoints';
 import {
   parseUrlPathname,
   handleLocationHash,
@@ -194,7 +194,7 @@ export default class MergeRequestTabs {
         if (!isInVueNoteablePage()) {
           this.loadDiff(href);
         }
-        if (bp.getBreakpointSize() !== 'lg') {
+        if (bp.getBreakpointSize() !== 'xl') {
           this.shrinkView();
         }
         this.expandViewContainer();