diff --git a/src/vendor/bootstrap-vue/src/components/nav/nav.js b/src/vendor/bootstrap-vue/src/components/nav/nav.js
index 173924536dc0ae57b726b8db4f5c58bdccde3568..2a60560e5e465dcccedc93ad8bfc5f6f748e59f1 100644
--- a/src/vendor/bootstrap-vue/src/components/nav/nav.js
+++ b/src/vendor/bootstrap-vue/src/components/nav/nav.js
@@ -47,7 +47,7 @@ export const BNav = /*#__PURE__*/ extend({
           'nav-pills': pills && !tabs,
           'card-header-tabs': !vertical && cardHeader && tabs,
           'card-header-pills': !vertical && cardHeader && pills && !tabs,
-          'flex-column': vertical,
+          'gl-flex-col': vertical,
           'nav-fill': !vertical && props.fill,
           'nav-justified': !vertical && props.justified,
           [computeJustifyContent(align)]: !vertical && align,
diff --git a/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js b/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
index 84363e8ccfb6f9629307de5890a00159ab309431..a349709cded3291cd12e9d4e946dc4926703881e 100644
--- a/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
+++ b/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js
@@ -84,7 +84,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -117,7 +117,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -150,7 +150,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
@@ -183,7 +183,7 @@ describe('nav', () => {
 
     expect(wrapper.element.tagName).toBe('UL')
     expect(wrapper.classes()).toContain('nav')
-    expect(wrapper.classes()).toContain('flex-column')
+    expect(wrapper.classes()).toContain('gl-flex-col')
     expect(wrapper.classes().length).toBe(2)
     expect(wrapper.text()).toBe('')
 
diff --git a/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js b/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
index 338c998ea21c5bf53278f32d1ee9cdee9d766a7e..a508ee2385d1f4a57913f2a69feb31d8021fdade 100644
--- a/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
+++ b/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js
@@ -80,7 +80,7 @@ describe('tabs', () => {
     expect(wrapper.find('ul').classes()).toContain('nav')
     expect(wrapper.find('ul').classes()).toContain('nav-tabs')
     expect(wrapper.find('ul').classes()).toContain('card-header')
-    expect(wrapper.find('ul').classes()).toContain('flex-column')
+    expect(wrapper.find('ul').classes()).toContain('gl-flex-col')
     expect(wrapper.find('ul').classes()).toContain('h-100')
     expect(wrapper.find('ul').classes()).toContain('border-bottom-0')
     expect(wrapper.find('ul').classes()).toContain('rounded-0')