diff --git a/build.ts b/build.ts
index 98f0dc82..03b7d18c 100755
--- a/build.ts
+++ b/build.ts
@@ -12,7 +12,7 @@ const dist = path.resolve(__dirname, 'dist');
 function renderTemplate(title: string, svgPathData: string, name: string) {
   return `<template>
   <span v-bind="$attrs"
-        :aria-hidden="!title"
+        :aria-hidden="title ? null : true"
         :aria-label="title"
         class="material-design-icon ${title}-icon"
         role="img"
diff --git a/package-lock.json b/package-lock.json
index 0382c801..1ebc4e27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
       "devDependencies": {
         "@babel/core": "^7.20.12",
         "@babel/preset-env": "^7.20.2",
-        "@mdi/js": "7.1.96",
+        "@mdi/js": "7.4.47",
         "@types/node": "^18.11.18",
         "@vue/test-utils": "1.2.2",
         "babel-core": "7.0.0-bridge.0",
@@ -2418,9 +2418,9 @@
       }
     },
     "node_modules/@mdi/js": {
-      "version": "7.1.96",
-      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.1.96.tgz",
-      "integrity": "sha512-wlrJs6Ryhaa5CqhK3FjTfMRnb/s7HeLkKMFqwQySkK86cdN1TGdzpSM3O4tsmzCA1dYBeTbXvOwSE/Y42cUrvA==",
+      "version": "7.4.47",
+      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz",
+      "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==",
       "dev": true
     },
     "node_modules/@sinclair/typebox": {
diff --git a/package.json b/package.json
index 189af188..8bfb1f8f 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
-    "@mdi/js": "7.1.96",
+    "@mdi/js": "7.4.47",
     "@types/node": "^18.11.18",
     "@vue/test-utils": "1.2.2",
     "babel-core": "7.0.0-bridge.0",