diff --git a/src/components/Explorer.vue b/src/components/Explorer.vue
index d15827be..c308e5b7 100644
--- a/src/components/Explorer.vue
+++ b/src/components/Explorer.vue
@@ -50,7 +50,7 @@
       </div>
       <div class="position-absolute right-0 top-0">
         <button class="btn btn-icon" v-on:click.prevent="close">
-          <Icon name="cross" />
+          <span class="dripicons-cross" />
         </button>
       </div>
     </template>
@@ -114,7 +114,6 @@ import Pagination from './modules/Pagination.vue'
 import Bucket from '@/models/Bucket'
 import { NumericRangeFacets, RangeFacets, TimeRangeFacets } from '@/logic/filters'
 import { v4 } from 'uuid'
-import Icon from '@/components/base/Icon.vue'
 
 const TypeToServiceMap = Object.freeze({
   person: entities,
@@ -365,8 +364,7 @@ export default {
     Pagination,
     RangeFacetExplorer,
     TimeFacetExplorer,
-    Modal,
-    Icon
+    Modal
   },
   watch: {
     searchParameters: {
diff --git a/src/components/base/Modal.vue b/src/components/base/Modal.vue
index 71f0a1e0..a9e70315 100644
--- a/src/components/base/Modal.vue
+++ b/src/components/base/Modal.vue
@@ -14,7 +14,8 @@
         <div class="modal-content" :class="contentClass">
           <div class="modal-header">
             <slot
-              name="modal-header d-flex align-items-center"
+              name="modal-header"
+              class="d-flex align-items-center"
               v-bind:title-id="`${id}-title`"
               v-bind:close="() => close()"
             >
@@ -26,7 +27,7 @@
                 aria-label="Close"
                 @click="close"
               >
-                <Icon name="cross" />
+                <span class="dripicons-cross" />
               </button>
             </slot>
           </div>
@@ -57,7 +58,6 @@
 </template>
 
 <script setup lang="ts">
-import Icon from './Icon.vue'
 import { ref, computed, watch } from 'vue'
 import { v4 } from 'uuid'