diff --git a/src/layout/grid/DirModal.tsx b/src/layout/grid/DirModal.tsx
index 640d305..590d660 100644
--- a/src/layout/grid/DirModal.tsx
+++ b/src/layout/grid/DirModal.tsx
@@ -38,7 +38,7 @@ export default defineComponent(() => {
           class="relative h-[40px] mb-2 w-[240px] bg-transparent outline-none border-none text-center text-white"
           v-model={dir.value.label}
         />
-        <div class="relative w-[50%] min-h-[280px] max-h-[60vh] overflow-y-auto bg-white rounded-lg shadow-lg p-2">
+        <div class="relative w-[50%] min-h-[280px] max-h-[60vh] overflow-y-auto bg-white/60 backdrop-blur rounded-lg shadow-lg p-2">
           <div
             class="w-full grid justify-center grid-flow-row-dense pb-[200px]"
             style="grid-template-columns:repeat(auto-fill, var(--block-size));grid-auto-rows:var(--block-size)"