diff --git a/packages/elements/components/Modal.vue b/packages/elements/components/Modal.vue
index d4aab2c..5678e4e 100644
--- a/packages/elements/components/Modal.vue
+++ b/packages/elements/components/Modal.vue
@@ -25,18 +25,15 @@ watch(escape, () => escape.value && emit('close'))
         >
           <transition name="centered-appear">
             <div
+              v-if="prop.show"
               class="fixed inset-0 w-full h-full z-20 bg-originalBlack bg-opacity-10 overflow-y-auto hidden-scrollbar duration-300"
-              style="backdrop-filter: blur(10px)"
-              @click="emit('close')"
+              style="backdrop-filter: blur(10px)" @click="emit('close')"
             />
           </transition>
           <transition name="centered-appear" appear leave>
             <div
-              v-if="show"
-              class="relative mx-auto overflow-y-auto max-h-1/1.1 p-14"
-              :class="[...prop.classes]"
-              role="dialog"
-              aria-label="Modal"
+              v-if="show" class="relative mx-auto overflow-y-auto max-h-1/1.1 p-14" :class="[...prop.classes]"
+              role="dialog" aria-label="Modal"
             >
               <div class="relative shadow-lg w-full z-20">
                 <slot />
diff --git a/packages/utils/README.md b/packages/utils/README.md
index 4c4597f..232fd2d 100644
--- a/packages/utils/README.md
+++ b/packages/utils/README.md
@@ -1,10 +1,19 @@
 # Utils
 
-Common utils functions for
+Zero Dependency & precision perfect Utils for BigInt manipulation and formatting for Exchange and DeFi applications.
 
-- String/Number formatters
-- Common Web3 utils
+## Installation
 
-## Usage
+```bash
+pnpm add @hubble-exchange/utils
 
-Install `@ethersproject/bignumber` and `@ethersproject/units` to your project these are used as external packages
+# or 
+
+yarn add @hubble-exchange/utils
+
+# or
+
+npm install @hubble-exchange/utils
+```
+
+[Check out TSDocs.dev for the full documentation](https://tsdocs.dev/docs/@hubble-exchange/utils)
\ No newline at end of file
diff --git a/packages/utils/build.config.ts b/packages/utils/build.config.ts
index 3f6cab6..021a17e 100644
--- a/packages/utils/build.config.ts
+++ b/packages/utils/build.config.ts
@@ -4,7 +4,6 @@ export default defineBuildConfig({
   entries: ['./src/index', './src/mongo', './src/pagerduty'],
   declaration: true,
   clean: true,
-  externals: ['@ethersproject/bignumber', '@ethersproject/units'],
   rollup: {
     emitCJS: true,
   },
diff --git a/packages/utils/package.json b/packages/utils/package.json
index be88f21..9cda104 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -2,7 +2,7 @@
   "name": "@hubble-exchange/utils",
   "type": "module",
   "version": "1.4.0",
-  "description": "Utils for Hubble Exchange app and common utils DApp needs",
+  "description": "Zero dependencies utils for A DEX DApp with perfect precision and performance",
   "license": "ISC",
   "homepage": "https://github.com/hubble-exchange/content#readme",
   "repository": {
@@ -41,7 +41,7 @@
     "dist"
   ],
   "engines": {
-    "node": "^14.16.0 || ^16.11.0 || ^17.0.0 || ^18.0.0"
+    "node": "^14.16.0 || ^16.11.0 || ^17.0.0 || ^18.0.0 || ^20.0.0"
   },
   "scripts": {
     "build": "unbuild",
@@ -49,8 +49,6 @@
     "test": "vitest --run"
   },
   "dependencies": {
-    "@ethersproject/bignumber": "^5.7.0",
-    "@ethersproject/units": "^5.7.0",
     "@pagerduty/pdjs": "^2.2.4",
     "mongodb": "^4.13.0"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 75155da..0f25ff5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,12 +82,6 @@ importers:
 
   packages/utils:
     dependencies:
-      '@ethersproject/bignumber':
-        specifier: ^5.7.0
-        version: 5.7.0
-      '@ethersproject/units':
-        specifier: ^5.7.0
-        version: 5.7.0
       '@pagerduty/pdjs':
         specifier: ^2.2.4
         version: 2.2.4
@@ -1901,19 +1895,23 @@ packages:
       '@ethersproject/bytes': 5.7.0
       '@ethersproject/logger': 5.7.0
       bn.js: 5.2.1
+    dev: true
 
   /@ethersproject/bytes@5.7.0:
     resolution: {integrity: sha512-nsbxwgFXWh9NyYWo+U8atvmMsSdKJprTcICAkvbBffT75qDocbuggBU0SJiVK2MuTrp0q+xvLkTnGMPK1+uA9A==}
     dependencies:
       '@ethersproject/logger': 5.7.0
+    dev: true
 
   /@ethersproject/constants@5.7.0:
     resolution: {integrity: sha512-DHI+y5dBNvkpYUMiRQyxRBYBefZkJfo70VUkUAsRjcPs47muV9evftfZ0PJVCXYbAiCgght0DtcF9srFQmIgWA==}
     dependencies:
       '@ethersproject/bignumber': 5.7.0
+    dev: true
 
   /@ethersproject/logger@5.7.0:
     resolution: {integrity: sha512-0odtFdXu/XHtjQXJYA3u9G0G8btm0ND5Cu8M7i5vhEcE8/HmF4Lbdqanwyv4uQTr2tx6b7fQRmgLrsnpQlmnig==}
+    dev: true
 
   /@ethersproject/units@5.7.0:
     resolution: {integrity: sha512-pD3xLMy3SJu9kG5xDGI7+xhTEmGXlEqXU4OfNapmfnxLVY4EMSSRp7j1k7eezutBPH7RBN/7QPnwR7hzNlEFeg==}
@@ -1921,6 +1919,7 @@ packages:
       '@ethersproject/bignumber': 5.7.0
       '@ethersproject/constants': 5.7.0
       '@ethersproject/logger': 5.7.0
+    dev: true
 
   /@humanwhocodes/config-array@0.11.14:
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
@@ -3954,6 +3953,7 @@ packages:
 
   /bn.js@5.2.1:
     resolution: {integrity: sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==}
+    dev: true
 
   /boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
@@ -7278,7 +7278,7 @@ packages:
     dependencies:
       universalify: 2.0.0
     optionalDependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
     dev: true
 
   /jsonparse@1.3.1: