diff --git a/lib/components/base/DropdownSelect.vue b/lib/components/base/DropdownSelect.vue
index 8c59599e..a1a4bd4c 100644
--- a/lib/components/base/DropdownSelect.vue
+++ b/lib/components/base/DropdownSelect.vue
@@ -1,8 +1,8 @@
 <template>
   <div
+    ref="dropdown"
     tabindex="0"
     role="combobox"
-    ref="dropdown"
     :aria-expanded="dropdownVisible"
     class="animated-dropdown"
     @focus="onFocus"
diff --git a/lib/components/base/Modal.vue b/lib/components/base/Modal.vue
index 53943a90..33c5f988 100644
--- a/lib/components/base/Modal.vue
+++ b/lib/components/base/Modal.vue
@@ -22,8 +22,13 @@
   </div>
 </template>
 
+<script setup>
+import { XIcon } from '@/components'
+</script>
 <script>
-export default {
+import { defineComponent } from 'vue'
+
+export default defineComponent({
   props: {
     header: {
       type: String,
@@ -47,7 +52,7 @@ export default {
       this.shown = false
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/package.json b/package.json
index 4e09a0da..a00dfbdf 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "files": [
     "dist"
   ],