diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..0b942f0
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,8 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: daily
+  open-pull-requests-limit: 10
+  versioning-strategy: lockfile-only
diff --git a/components/MultiDrawer.vue b/components/MultiDrawer.vue
index 317cb70..dc626f7 100644
--- a/components/MultiDrawer.vue
+++ b/components/MultiDrawer.vue
@@ -1,5 +1,5 @@
 <template>
-    <GridLayout>
+    <GridLayout iosOverflowSafeArea="true">
         <!-- Main Content (default slot) -->
         <slot/>
 
@@ -29,7 +29,7 @@
 </template>
 
 <script>
-  import * as utils from 'tns-core-modules/utils/utils'
+  import {Utils} from "@nativescript/core"
   import mergeOptions from 'merge-options'
   import {defaultOptions} from "../index";
 
@@ -236,7 +236,7 @@
         const view = this.$refs[`${side}Drawer`][0].nativeView
         this.sides[side].translationOffset =
           this.optionsInternal[side].translationOffsetMultiplier *
-          utils.layout.toDeviceIndependentPixels(
+          Utils.layout.toDeviceIndependentPixels(
             this.optionsInternal[side].axis === 'X'
               ? view.getMeasuredWidth()
               : view.getMeasuredHeight()
diff --git a/package.json b/package.json
index dd902b1..5d84e6a 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,12 @@
 {
   "name": "nativescript-vue-multi-drawer",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A NativeScript-Vue component for creating multiple side drawers",
   "main": "index.js",
   "nativescript": {
     "plugin": {
       "vue": "true"
-    },
+    }
   },
   "files": [
     "index.js",
@@ -26,9 +26,6 @@
   "author": "Igor Randjelovic",
   "license": "MIT",
   "dependencies": {
-    "merge-options": "^1.0.1"
-  },
-  "peerDependencies": {
-    "tns-core-modules": "*"
+    "merge-options": "^2.0.0"
   }
 }