diff --git a/package-lock.json b/package-lock.json
index 0e28bd3..8d06b5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,6 @@
         "highlight.js": "^11.4.0",
         "iconoir": "^1.0.0",
         "marked": "^4.0.12",
-        "slugify": "^1.6.5",
         "vue": "^3.2.41",
         "vue-router": "^4.1.5"
       },
@@ -7513,14 +7512,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/slugify": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.5.tgz",
-      "integrity": "sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -14245,11 +14236,6 @@
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
       "dev": true
     },
-    "slugify": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.5.tgz",
-      "integrity": "sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ=="
-    },
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
diff --git a/package.json b/package.json
index ac251a8..93c270b 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,6 @@
     "highlight.js": "^11.4.0",
     "iconoir": "^1.0.0",
     "marked": "^4.0.12",
-    "slugify": "^1.6.5",
     "vue": "^3.2.41",
     "vue-router": "^4.1.5"
   },
diff --git a/src/components/DirEntry.vue b/src/components/DirEntry.vue
index fe7b34a..af216ea 100644
--- a/src/components/DirEntry.vue
+++ b/src/components/DirEntry.vue
@@ -38,7 +38,7 @@ const getDirPreview = async () => {
 
   const entries = await setupDirEntries(props.entry.handle);
 
-  const coverEntry = getDirCoverEntry(entries, props.entry.handle.name);
+  const coverEntry = getDirCoverEntry(entries, props.entry.displayName);
   if (coverEntry?.isFile) return setFileAsImage(coverEntry.file);
 
   const firstImage = getFirstImageEntry(entries);
diff --git a/src/features/useDir.ts b/src/features/useDir.ts
index 84b40d9..e8d4d92 100644
--- a/src/features/useDir.ts
+++ b/src/features/useDir.ts
@@ -1,6 +1,5 @@
 import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
-import slugify from 'slugify';
 import { getTagsFromString, removeTagsFromString } from '@/features/useDirFilter';
 
 interface CurrentDirEntryBase {
@@ -53,11 +52,8 @@ export const getDirCoverEntry = (
   entries: CurrentDirEntry[],
   dirName: string
 ): CurrentDirEntry | undefined => {
-  const dirNameSlugged = slugify(dirName, { lower: true });
-
   const cover = entries.find(
-    (e) =>
-      e.type === 'image' && e.file.name.toLowerCase().replace(/\.[^/.]+$/, '') === dirNameSlugged
+    (e) => e.type === 'image' && e.displayName.replace(/\.[^/.]+$/, '') === dirName
   );
   if (cover) return cover;
 };
diff --git a/src/views/Dir.vue b/src/views/Dir.vue
index a6f44d9..4a7f70a 100644
--- a/src/views/Dir.vue
+++ b/src/views/Dir.vue
@@ -69,7 +69,7 @@ watch(readmeEntry, async (entry) => {
 });
 
 const dirThumbEntry = computed(() =>
-  getDirCoverEntry(currentDirEntries.value, currentDir.value?.name || '')
+  getDirCoverEntry(currentDirEntries.value, removeTagsFromString(currentDir.value?.name || ''))
 );
 const dirThumbSrc = computed(
   () => dirThumbEntry.value?.isFile && URL.createObjectURL(dirThumbEntry.value.file)