diff --git a/components/md/renderer.vue b/components/md/renderer.vue
index a25eb85639ce0c9a029d07de06b5628b882575bf..b07a27268be636811867448a6cb1edd2ff46ad80 100644
--- a/components/md/renderer.vue
+++ b/components/md/renderer.vue
@@ -1,5 +1,5 @@
 <template>
-    <article class="prose max-w-none" v-html="mdHtml"></article>
+    <article class="prose dark:prose-invert max-w-none" v-html="mdHtml"></article>
 </template>
 <script setup>
 import MarkdownIt from 'markdown-it'
diff --git a/package-lock.json b/package-lock.json
index 881517fa22dbde8f6feb98e8e578ae531d57abc3..4e76d16cd054fddbe3f89ab52d1adb13b25adf01 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3716,8 +3716,6 @@
     },
     "node_modules/@parcel/watcher-wasm/node_modules/napi-wasm": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-      "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
       "inBundle": true,
       "license": "MIT"
     },
@@ -17742,8 +17740,6 @@
       "dependencies": {
         "napi-wasm": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-          "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
           "bundled": true
         }
       }
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index c03e0a6cea4d5be4f1863a6020ddfb3314973a19..b0be35b1455520e867409aeb5af9d1fa851bead4 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -26,10 +26,16 @@
             <h1 class="text-3xl truncate">{{ state.query }}</h1>
             <section>{{ state.repo }}</section>
 
+            <div class="flex flex-col gap-2">
+                <USkeleton class="h-4" />
+                <USkeleton class="h-4" />
+                <USkeleton class="h-4 w-2/3" />
+            </div>
+
             <template v-for="(item, index) in data" :key="index">
                 <h1 class="text-3xl truncate" v-if="index !== 0" :id="index + 1">{{ item.question }}</h1>
                 <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
-                    <UAccordion :items="[{}]">
+                    <UAccordion :items="[{}]" default-open>
                         <template #default="{ open }">
                             <div class="flex justify-between items-center">
                                 <div class="flex items-center gap-2 text-lg">