diff --git a/HISTORY.rst b/HISTORY.rst
index 3a46d846f..c4883d9ef 100644
--- a/HISTORY.rst
+++ b/HISTORY.rst
@@ -130,6 +130,7 @@ Full Change List
 - Adding unit test for clinvar Vue app (#692).
 - Moving clinvar Vue app (#711).
 - Bugfix that allow clinvar export submission set deletion (#713).
+- Removing dependency on bootstrap-vue package (#716).
 
 ------
 v1.2.0
diff --git a/clinvar_export/vueapp/src/components/ClinvarExportApp.vue b/clinvar_export/vueapp/src/components/ClinvarExportApp.vue
index 518c048b4..5baaabd5c 100644
--- a/clinvar_export/vueapp/src/components/ClinvarExportApp.vue
+++ b/clinvar_export/vueapp/src/components/ClinvarExportApp.vue
@@ -1,13 +1,20 @@
 <template>
   <div id="#app">
-    <b-overlay :show="showOverlay">
+    <div class="varfish-overlay-wrap position-relative">
       <submission-set-list
         v-if="['list', 'initializing'].includes(appState)"
       ></submission-set-list>
       <submission-set-wizard
         v-if="['edit', 'add'].includes(appState)"
       ></submission-set-wizard>
-    </b-overlay>
+
+      <div v-if="showOverlay" class="varfish-overlay position-absolute"  style="inset: 0; z-index: 10;">
+        <div class="position-absolute bg-light" style="inset: 0; opacity: 0.85; backdrop-filter: blur(2px);"></div>
+        <div class="position-absolute" style="top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);">
+          <span aria-hidden="true" class="spinner-border"><!----></span>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/clinvar_export/vueapp/src/components/SubmissionCaseListEntry.vue b/clinvar_export/vueapp/src/components/SubmissionCaseListEntry.vue
index dc373a002..054be81a9 100644
--- a/clinvar_export/vueapp/src/components/SubmissionCaseListEntry.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionCaseListEntry.vue
@@ -1,12 +1,12 @@
 <template>
-  <b-card header-tag="header">
-    <template #header>
+  <div class="card">
+    <div class="card-header">
       <h4 class="mb-0 ml-0">
         Case &raquo;{{ individual ? individual.name : 'null' }}&laquo;
-        <b-button-group class="float-right pb-0 mb-0">
-          <b-button
-            size="sm"
-            variant="secondary"
+        <div class="btn-group float-right pb-0 mb-0">
+          <button
+            type="button"
+            class="btn btn-sm btn-secondary"
             :disabled="isMoveDisabled(true)"
             @click="
               moveSubmissionIndividual({
@@ -17,10 +17,10 @@
           >
             <i class="iconify" data-icon="mdi:arrow-up-circle"></i>
             move up
-          </b-button>
-          <b-button
-            size="sm"
-            variant="secondary"
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm btn-secondary"
             :disabled="isMoveDisabled(false)"
             @click="
               moveSubmissionIndividual({
@@ -31,10 +31,10 @@
           >
             <i class="iconify" data-icon="mdi:arrow-down-circle"></i>
             move down
-          </b-button>
-          <b-button
-            size="sm"
-            variant="danger"
+          </button>
+          <button
+            type="button"
+            class="btn btn-sm btn-danger"
             @click="removeSubmissionIndividualFromCurrentSubmission(value)"
           >
             <span
@@ -43,11 +43,11 @@
               data-inline="false"
             ></span>
             remove from variant
-          </b-button>
-        </b-button-group>
+          </button>
+        </div>
       </h4>
-    </template>
-    <b-card-text class="px-2">
+    </div>
+    <div class="card-body px-2">
       <div class="row">
         <div class="col-12 px-0">
           <b-form-group
@@ -192,8 +192,8 @@
           </b-form-group>
         </div>
       </div>
-    </b-card-text>
-  </b-card>
+    </div>
+  </div>
 </template>
 
 <script>
diff --git a/clinvar_export/vueapp/src/components/SubmissionEditor.vue b/clinvar_export/vueapp/src/components/SubmissionEditor.vue
index 7f24de4cf..b6ca9260f 100644
--- a/clinvar_export/vueapp/src/components/SubmissionEditor.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionEditor.vue
@@ -2,36 +2,40 @@
   <div class="flex-grow-1 mt-1">
     <h4 class="border-bottom pb-2 mb-3">
       Variant: {{ getSubmissionLabel(currentSubmission) }}
-      <b-button-group class="float-right">
-        <b-button
+      <div class="btn-group float-right">
+        <button
           ref="buttonMoveCurrentSubmissionUp"
-          size="sm"
-          variant="secondary"
+          type="button"
+          class="btn btn-sm btn-secondary"
           :disabled="isMoveCurrentSubmissionDisabled(true)"
           @click="moveCurrentSubmission(true)"
         >
           <i class="iconify" data-icon="mdi:arrow-up-circle"></i>
           move up
-        </b-button>
-        <b-button
+        </button>
+        <button
           ref="buttonMoveCurrentSubmissionDown"
-          size="sm"
-          variant="secondary"
+          type="button"
+          class="btn btn-sm btn-secondary"
           :disabled="isMoveCurrentSubmissionDisabled(false)"
           @click="moveCurrentSubmission(false)"
         >
           <i class="iconify" data-icon="mdi:arrow-down-circle"></i>
           move down
-        </b-button>
-        <b-button size="sm" variant="danger" @click="deleteCurrentSubmission()">
+        </button>
+        <button
+          type="button"
+          class="btn btn-sm btn-danger"
+          @click="deleteCurrentSubmission()"
+        >
           <span
             class="iconify"
             data-icon="mdi:close"
             data-inline="false"
           ></span>
           remove from submission
-        </b-button>
-      </b-button-group>
+        </button>
+      </div>
     </h4>
 
     <div class="row">
diff --git a/clinvar_export/vueapp/src/components/SubmissionList.vue b/clinvar_export/vueapp/src/components/SubmissionList.vue
index fc32f1493..896bf43e0 100644
--- a/clinvar_export/vueapp/src/components/SubmissionList.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionList.vue
@@ -2,19 +2,16 @@
   <div class="row">
     <div class="col-2 px-0">
       <div>
-        <b-list-group flush>
-          <b-list-group-item
-            class="font-weight-bold"
-            variant="secondary"
-            inactive
+        <ul class="list-group list-group-flush">
+          <li
+            class="list-group-item list-group-item-secondary font-weight-bold"
           >
             <h5>
               Submissions
-              <b-button
+              <div
                 ref="buttonAddSubmission"
-                size="sm"
-                variant="primary"
-                class="float-right"
+                type="button"
+                class="btn btn-primary btn-small float-right"
                 @click="onAddSubmissionClicked()"
               >
                 <span
@@ -23,14 +20,17 @@
                   data-inline="false"
                 ></span>
                 add
-              </b-button>
+              </div>
             </h5>
-          </b-list-group-item>
+          </li>
           <draggable ref="submissionList" v-model="submissionList">
-            <b-list-group-item
+            <li
               v-for="item in submissionList"
               :key="item.sodar_uuid"
-              :class="{ active: item === currentSubmission }"
+              :class="{
+                'list-group-item list-group-item-action list-group-item-primary': item === currentSubmission,
+                'list-group-item list-group-item-action': item !== currentSubmission,
+              }"
               @click="onListItemClicked(item.sodar_uuid)"
             >
               {{ getSubmissionLabel(item) }}
@@ -45,15 +45,15 @@
               <div class="pull-right">
                 <span class="iconify" data-icon="fa-solid:chevron-right"></span>
               </div>
-            </b-list-group-item>
+            </li>
           </draggable>
-          <b-list-group-item
+          <li
             v-if="!submissionList.length"
-            class="inactive text-muted font-italic text-center"
+            class="list-group-item list-group-item-light font-italic text-center"
           >
             There are no variants for this submission yet.
-          </b-list-group-item>
-        </b-list-group>
+          </li>
+        </ul>
       </div>
     </div>
     <div class="col-10 border-left d-flex">
@@ -76,9 +76,8 @@
     >
       <p>
         Create new submissions by selecting from the variants below and clicking
-        <b-badge variant="primary"
-          ><i class="iconify" data-icon="fa-solid:plus"></i></b-badge
-        >. If you select no variant, a blank submission will be created.
+        <span class="badge badge-primary"><i class="iconify" data-icon="fa-solid:plus"></i></span>.
+        If you select no variant, a blank submission will be created.
       </p>
       <ul class="list-group mb-3">
         <li
@@ -215,19 +214,20 @@
               </span>
             </div>
             <div class="form-group ml-3" style="height: 43px">
-              <b-form-checkbox v-model="onlyAddAffected">
-                affecteds only
-              </b-form-checkbox>
+              <div class="custom-control custom-checkbox">
+                <input id="submission-set-affecteds-only" v-model="onlyAddAffected" type="checkbox" class="custom-control-input" value="true">
+                <label for="submission-set-affecteds-only" class="custom-control-label">affecteds only</label>
+              </div>
             </div>
             <div class="form-group ml-auto">
-              <b-button
+              <button
                 ref="buttonAddSelectedSubmissions"
-                size="sm"
-                variant="primary"
+                type="button"
+                class="btn btn-sm btn-primary"
                 @click="onCreateSubmissionClicked()"
               >
                 <i class="iconify" data-icon="fa-solid:plus"></i>
-              </b-button>
+              </button>
             </div>
           </div>
         </li>
diff --git a/clinvar_export/vueapp/src/components/SubmissionSetEditor.vue b/clinvar_export/vueapp/src/components/SubmissionSetEditor.vue
index e631a84bf..bc386c0bc 100644
--- a/clinvar_export/vueapp/src/components/SubmissionSetEditor.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionSetEditor.vue
@@ -1,13 +1,13 @@
 <template>
-  <b-card-body>
-    <b-alert variant="info" class="small pl-3" show>
+  <div class="card-body">
+    <div class="alert alert-info small pl-3">
       <i class="iconify mr-1" data-icon="fa-solid:info-circle"></i>
       A Clinvar submission set consists of multiple variants (aka submissions).
       Edit the base properties here and continue by clicking "Variants" on the
       bottom right. Click "Save" to save the submission and go back to the list
       and use "Cancel" to discard changes and go back to the list without saving
       them.
-    </b-alert>
+    </div>
     <b-form>
       <b-form-group
         id="input-group-title"
@@ -85,7 +85,7 @@
         >
       </b-form-group>
     </b-form>
-  </b-card-body>
+  </div>
 </template>
 
 <script>
diff --git a/clinvar_export/vueapp/src/components/SubmissionSetList.vue b/clinvar_export/vueapp/src/components/SubmissionSetList.vue
index 7138b537d..82a4bd00c 100644
--- a/clinvar_export/vueapp/src/components/SubmissionSetList.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionSetList.vue
@@ -1,9 +1,9 @@
 <template>
-  <b-card no-body title-tag="title" footer-tag="footer">
-    <template #header>
+  <div class="card">
+    <div class="card-header">
       <h4 class="mb-0">
         <i class="iconify" data-icon="fa-regular:folder"></i>
-        Submission Set List {{ submissionSetList.length }}
+        Submission Set List
 
         <transition name="fade">
           <div v-if="notification" class="float-right">
@@ -13,50 +13,52 @@
           </div>
         </transition>
       </h4>
-    </template>
+    </div>
 
-    <b-table
+    <table
       ref="submissionSetTable"
-      striped
-      hover
-      show-empty
-      :fields="fields"
-      :items="submissionSetList"
+      class="table table-striped table-hover"
     >
-      <template #cell(title)="row">
-        {{ row.item.title }}
-      </template>
-      <template #cell(last_change)="row">
-        {{ row.item.date_modified }}
-        <b-button-group class="float-right mr-1">
-          <b-button
-            class="submission-set-table-button-edit"
-            size="sm"
-            variant="primary"
-            @click="editSubmissionSet(row.item.sodar_uuid)"
-          >
-            <i class="iconify" data-icon="mdi:pencil"></i>
-            Edit
-          </b-button>
-          <b-button
-            class="submission-set-table-button-clinvar-xml"
-            size="sm"
-            variant="secondary"
-            @click="onXmlPreviewClicked(row.item.sodar_uuid)"
-          >
-            <i class="iconify" data-icon="fa-solid:code"></i>
-            ClinVar XML
-          </b-button>
-        </b-button-group>
-      </template>
-    </b-table>
+      <thead>
+        <tr>
+          <th>Title</th>
+          <th>Last Change</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="submissionSet in submissionSetList" :key="submissionSet.sodar_uuid">
+          <td>{{ submissionSet.title }}</td>
+          <td>
+            {{ submissionSet.date_modified }}
+            <div class="btn-group float-right mr-1">
+              <button
+                type="button"
+                class="btn btn-sm btn-primary submission-set-table-button-edit"
+                @click="editSubmissionSet(submissionSet.sodar_uuid)"
+              >
+                <i class="iconify" data-icon="mdi:pencil"></i>
+                Edit
+              </button>
+              <button
+                type="button"
+                class="btn btn-sm btn-secondary submission-set-table-button-edit"
+                @click="onXmlPreviewClicked(submissionSet.sodar_uuid)"
+              >
+                <i class="iconify" data-icon="fa-solid:code"></i>
+                ClinVar XML
+              </button>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
 
-    <template #footer>
-      <b-button
+    <div class="card-footer">
+      <button
         ref="buttonCreateNew"
-        variant="primary"
+        type="button"
+        class="btn btn-primary float-right"
         size="sm"
-        class="float-right"
         @click="createNewSubmissionSet()"
       >
         <span
@@ -65,8 +67,8 @@
           data-inline="false"
         ></span>
         Create Set
-      </b-button>
-    </template>
+      </button>
+    </div>
 
     <b-modal
       id="modal-xml-preview"
@@ -141,21 +143,21 @@
             </div>
           </div>
 
-          <b-button-group class="float-right">
-            <b-button
+          <div class="btn-group float-right">
+            <button
               ref="buttonDownloadXml"
-              variant="primary"
-              size="sm"
+              type="button"
+              class="btn btn-sm btn-primary"
               @click.prevent="onDownloadXmlClicked()"
               @active="isDownloadXmlActive()"
             >
               <i class="fa fa-cloud-download"></i>
               Download
-            </b-button>
-            <b-button
+            </button>
+            <button
               ref="buttonClose"
-              variant="secondary"
-              size="sm"
+              type="button"
+              class="btn btn-sm btn-secondary"
               @click="onXmlHideClicked()"
             >
               <span
@@ -164,12 +166,12 @@
                 data-inline="false"
               ></span>
               Close
-            </b-button>
-          </b-button-group>
+            </button>
+          </div>
         </div>
       </template>
     </b-modal>
-  </b-card>
+  </div>
 </template>
 
 <script>
@@ -180,7 +182,6 @@ import clinvarExport from '@/api/clinvarExport'
 export default {
   data: function () {
     return {
-      fields: ['title', 'last_change'],
       submissionSetUuid: null,
       xmlPreviewData: null,
       xmlPreviewState: 'loading',
diff --git a/clinvar_export/vueapp/src/components/SubmissionSetWizard.vue b/clinvar_export/vueapp/src/components/SubmissionSetWizard.vue
index 2c01e3671..b8efe9fb8 100644
--- a/clinvar_export/vueapp/src/components/SubmissionSetWizard.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionSetWizard.vue
@@ -1,9 +1,7 @@
 <template>
   <div id="submission-set-wizard">
-    <b-breadcrumb :items="breadcrumbItems()"></b-breadcrumb>
-
-    <b-card no-body title-tag="title" footer-tag="footer">
-      <template #header>
+    <div class="card">
+      <div class="card-header">
         <h4 class="mb-0">
           <i class="iconify" data-icon="mdi:note-text"></i>
           Edit Submission Set
@@ -16,10 +14,9 @@
             </div>
           </transition>
 
-          <b-button
-            class="float-right"
-            size="sm"
-            variant="danger"
+          <button
+            type="button"
+            class="btn btn-sm btn-danger float-right"
             @click="onRemoveClicked"
           >
             <span
@@ -28,9 +25,9 @@
               data-inline="false"
             ></span>
             remove submission set
-          </b-button>
+          </button>
         </h4>
-      </template>
+      </div>
 
       <submission-set-editor
         v-if="wizardState === 'submissionSet'"
@@ -41,15 +38,15 @@
         ref="submissionList"
       ></submission-list>
 
-      <template #footer>
+      <div class="card-footer">
         <submission-set-wizard-footer
           @save-clicked="onSaveClicked"
           @cancel-clicked="onCancelClicked"
           @goto-submissions-clicked="onGotoSubmissionsClicked"
           @goto-submission-set-clicked="onGotoSubmissionSetClicked"
         ></submission-set-wizard-footer>
-      </template>
-    </b-card>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -82,32 +79,6 @@ export default {
       'wizardCancel',
     ]),
     validConfirmed,
-    /**
-     * @returns {list} with breadcrumb display
-     */
-    breadcrumbItems() {
-      const tpl = [
-        {
-          text: 'Submission Set',
-          href: '#',
-          active: this.wizardState === WizardState.submissionSet,
-        },
-        {
-          text: 'Submissions',
-          href: '#',
-          active: this.wizardState === WizardState.submissions,
-        },
-      ]
-
-      let result = tpl
-      switch (this.wizardState) {
-        case 'submission':
-          result = [...tpl].slice(0, 1)
-          break
-      }
-
-      return result
-    },
     /**
      * Event handler called when user clicks 'save'.
      */
diff --git a/clinvar_export/vueapp/src/components/SubmissionSetWizardFooter.vue b/clinvar_export/vueapp/src/components/SubmissionSetWizardFooter.vue
index 1e593f661..39710c0f5 100644
--- a/clinvar_export/vueapp/src/components/SubmissionSetWizardFooter.vue
+++ b/clinvar_export/vueapp/src/components/SubmissionSetWizardFooter.vue
@@ -1,41 +1,49 @@
 <template>
-  <b-button-group class="float-right">
-    <b-button
+  <div class="btn-group float-right">
+    <button
       ref="buttonCancel"
-      variant="secondary"
+      type="button"
+      class="btn btn-secondary"
       @click="$emit('cancel-clicked')"
     >
       <span class="iconify" data-icon="mdi:close" data-inline="false"></span>
       Cancel
-    </b-button>
-    <b-button ref="buttonSave" variant="success" @click="$emit('save-clicked')">
+    </button>
+    <button
+      ref="buttonSave"
+      type="button"
+      class="btn btn-success"
+      @click="$emit('save-clicked')"
+    >
       <span
         class="iconify"
         data-icon="mdi:check-bold"
         data-inline="false"
       ></span>
       Save
-    </b-button>
+    </button>
 
-    <b-button
+    <button
       v-if="wizardState === 'submissionSet'"
       ref="buttonVariants"
-      variant="primary"
+      type="button"
+      class="btn btn-primary"
       @click="$emit('goto-submissions-clicked')"
     >
       <i class="iconify" data-icon="mdi:arrow-right-circle"></i>
       Variants
-    </b-button>
-    <b-button
+    </button>
+    <button
       v-if="wizardState === 'submissions'"
       ref="buttonSubmission"
-      variant="primary"
+      type="button"
+      class="btn btn-primary"
       @click="$emit('goto-submission-set-clicked')"
     >
       <i class="iconify" data-icon="mdi:arrow-left-circle"></i>
       Submission
-    </b-button>
-  </b-button-group>
+    </button>
+  </div>
 </template>
 
 <script>
diff --git a/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js b/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js
index 6e99d8ee6..24f277e13 100644
--- a/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js
+++ b/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetList.spec.js
@@ -82,7 +82,7 @@ describe('SubmissionSetList.vue', () => {
   const getButtons = (wrapper, rowNo) => {
     const colNo = 1
     const buttonCell =
-      wrapper.vm.$refs.submissionSetTable.$refs['item-rows'][rowNo].$el.cells[
+      wrapper.vm.$refs.submissionSetTable.rows[rowNo + 1].cells[
         colNo
       ]
     const buttonGroup = buttonCell.children[0]
@@ -104,9 +104,7 @@ describe('SubmissionSetList.vue', () => {
     expect(wrapper.vm.$refs.buttonCreateNew).toBeDefined()
 
     // Submission set table with entries and buttons
-    expect(wrapper.vm.$refs.submissionSetTable.$refs['item-rows'].length).toBe(
-      1
-    )
+    expect(wrapper.vm.$refs.submissionSetTable.rows.length).toBe(2)
     const { editButton, clinvarButton } = getButtons(wrapper, 0)
     expect(editButton.textContent.trim()).toEqual('Edit')
     expect(clinvarButton.textContent.trim()).toEqual('ClinVar XML')
diff --git a/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetWizard.spec.js b/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetWizard.spec.js
index d5651c0c6..499ff8448 100644
--- a/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetWizard.spec.js
+++ b/clinvar_export/vueapp/tests/unit/clinvarExport/SubmissionSetWizard.spec.js
@@ -101,18 +101,6 @@ describe('SubmissionSetWizard.vue', () => {
     expect(await submissionSetWizard.getNotificationHtmlClass()).toBe(
       'badge badge-success'
     )
-    expect(await submissionSetWizard.breadcrumbItems()).toEqual([
-      {
-        active: true,
-        href: '#',
-        text: 'Submission Set',
-      },
-      {
-        active: false,
-        href: '#',
-        text: 'Submissions',
-      },
-    ])
   })
 
   test('check onRemoveClick', async () => {