diff --git a/package.json b/package.json
index 9fcda819..94a84260 100644
--- a/package.json
+++ b/package.json
@@ -64,8 +64,8 @@
     "pg": "^8.5.1",
     "source-map-support": "^0.5.16",
     "spectre.css": "^0.5.9",
+    "v-mask": "^2.2.4",
     "vue-i18n": "^8.22.4",
-    "vue-the-mask": "^0.11.1",
     "vuedraggable": "^2.24.3",
     "vuex": "^3.6.0"
   },
diff --git a/src/renderer/components/FakerSelect.vue b/src/renderer/components/FakerSelect.vue
index c4d03232..d4e9d0dd 100644
--- a/src/renderer/components/FakerSelect.vue
+++ b/src/renderer/components/FakerSelect.vue
@@ -90,7 +90,7 @@
 </template>
 
 <script>
-import { mask } from 'vue-the-mask';
+import { VueMaskDirective } from 'v-mask';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
 import BaseUploadInput from '@/components/BaseUploadInput';
 import ForeignKeySelect from '@/components/ForeignKeySelect';
@@ -103,7 +103,7 @@ export default {
       BaseUploadInput
    },
    directives: {
-      mask
+      mask: VueMaskDirective
    },
    props: {
       type: String,
diff --git a/src/renderer/components/ModalFakerRows.vue b/src/renderer/components/ModalFakerRows.vue
index b0ab4e94..b5df15ee 100644
--- a/src/renderer/components/ModalFakerRows.vue
+++ b/src/renderer/components/ModalFakerRows.vue
@@ -185,7 +185,6 @@
 <script>
 import moment from 'moment';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
-import { mask } from 'vue-the-mask';
 import { mapGetters, mapActions } from 'vuex';
 import Tables from '@/ipc-api/Tables';
 import FakerSelect from '@/components/FakerSelect';
@@ -195,9 +194,6 @@ export default {
    components: {
       FakerSelect
    },
-   directives: {
-      mask
-   },
    filters: {
       wrapNumber (num) {
          if (!num) return '';
diff --git a/src/renderer/components/ModalNewTableRow.vue b/src/renderer/components/ModalNewTableRow.vue
index 709c6441..462652d3 100644
--- a/src/renderer/components/ModalNewTableRow.vue
+++ b/src/renderer/components/ModalNewTableRow.vue
@@ -118,7 +118,7 @@
 <script>
 import moment from 'moment';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
-import { mask } from 'vue-the-mask';
+import { VueMaskDirective } from 'v-mask';
 import { mapGetters, mapActions } from 'vuex';
 import Tables from '@/ipc-api/Tables';
 import ForeignKeySelect from '@/components/ForeignKeySelect';
@@ -129,7 +129,7 @@ export default {
       ForeignKeySelect
    },
    directives: {
-      mask
+      mask: VueMaskDirective
    },
    filters: {
       wrapNumber (num) {
diff --git a/src/renderer/components/WorkspacePropsSchedulerTimingModal.vue b/src/renderer/components/WorkspacePropsSchedulerTimingModal.vue
index 13273689..82162a2f 100644
--- a/src/renderer/components/WorkspacePropsSchedulerTimingModal.vue
+++ b/src/renderer/components/WorkspacePropsSchedulerTimingModal.vue
@@ -138,7 +138,7 @@
 
 <script>
 import ConfirmModal from '@/components/BaseConfirmModal';
-import { mask } from 'vue-the-mask';
+import { VueMaskDirective } from 'v-mask';
 import moment from 'moment';
 
 export default {
@@ -147,7 +147,7 @@ export default {
       ConfirmModal
    },
    directives: {
-      mask
+      mask: VueMaskDirective
    },
    props: {
       localOptions: Object,
diff --git a/src/renderer/components/WorkspaceQueryTableRow.vue b/src/renderer/components/WorkspaceQueryTableRow.vue
index 58117a9d..b037a199 100644
--- a/src/renderer/components/WorkspaceQueryTableRow.vue
+++ b/src/renderer/components/WorkspaceQueryTableRow.vue
@@ -174,7 +174,7 @@ import { formatBytes } from 'common/libs/formatBytes';
 import { bufferToBase64 } from 'common/libs/bufferToBase64';
 import hexToBinary from 'common/libs/hexToBinary';
 import { TEXT, LONG_TEXT, NUMBER, FLOAT, DATE, TIME, DATETIME, BLOB, BIT } from 'common/fieldTypes';
-import { mask } from 'vue-the-mask';
+import { VueMaskDirective } from 'v-mask';
 import ConfirmModal from '@/components/BaseConfirmModal';
 import TextEditor from '@/components/BaseTextEditor';
 import ForeignKeySelect from '@/components/ForeignKeySelect';
@@ -187,7 +187,7 @@ export default {
       ForeignKeySelect
    },
    directives: {
-      mask
+      mask: VueMaskDirective
    },
    filters: {
       formatBytes,