diff --git a/components/content/ProseCode.vue b/components/content/ProseCode.vue
index adad49a7..d34e06b9 100644
--- a/components/content/ProseCode.vue
+++ b/components/content/ProseCode.vue
@@ -1,6 +1,6 @@
 <template>
   <UiCard
-    class="[&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5 overflow-hidden"
+    class="[&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5 relative overflow-hidden"
     :class="[inGroup && 'rounded-t-none border-none mb-0']"
   >
     <div v-if="!inGroup && filename" class="p-3 border-b flex text-sm font-mono">
@@ -8,18 +8,21 @@
       {{ filename }}
       <CodeCopy :code="code" class="ml-auto mr-1" />
     </div>
-    <UiScrollArea>
-      <div
-        class="py-3 bg-muted/30 text-sm relative overflow-x-auto"
-        :class="[`highlight-${language}`, !filename && 'inline-copy', !language && 'pl-3']"
-      >
-        <span v-if="!filename" class="absolute right-4">
-          <CodeCopy :code="code" />
-        </span>
-        <slot />
-      </div>
-      <ScrollBar orientation="horizontal" />
-    </UiScrollArea>
+
+    <span v-if="!filename" class="absolute top-3 right-3">
+      <CodeCopy :code="code" />
+    </span>
+    <div class="pr-9 bg-muted/30">
+      <UiScrollArea>
+        <div
+          class="py-3 text-sm overflow-x-auto"
+          :class="[`highlight-${language}`, !filename && 'inline-copy', !language && 'pl-3']"
+        >
+          <slot />
+        </div>
+        <ScrollBar orientation="horizontal" />
+      </UiScrollArea>
+    </div>
   </UiCard>
 </template>
 
@@ -72,8 +75,4 @@ const icon = iconMap.get(props.filename?.toLowerCase()) || iconMap.get(props.lan
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-
-.inline-copy .line {
-  padding-right: 2.7rem;
-}
 </style>
diff --git a/content/1.getting-started/4.changelog.md b/content/1.getting-started/4.changelog.md
deleted file mode 100644
index 18422558..00000000
--- a/content/1.getting-started/4.changelog.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-icon: lucide:history
-title: Changelog
-description: Changes made to shadcn-docs.
----
-
-## `v0.4.3`
-
-#### :icon{name="lucide:bug"} Fixes
-
-- Place aside in app.vue to avoid navigation shifts.
-- **mobile**: Close sheet on navigation.
-- Use full resolved paths in `nuxt.config`.
-
-## `v0.4.2`
-
-- Use page title for breadcrumb path.
-
-## `v0.4.1`
-
-#### :icon{name="lucide:settings"} Config
-
-Added three new configs.
-
-1. [`main.padded`](/api/configuration#main)
-2. [`search.style`](/api/configuration#search)
-2. [`header.showTitleInMobile`](/api/configuration#header)
-
-## `v0.4.0`
-
-#### :icon{name="lucide:box"} Components
-
-- [HeroAlt Component](/getting-started/writing/components#heroalt) - Hero component with the new design in https://ui.shadcn.com/
-
-#### :icon{name="lucide:settings"} Config
-
-- Header border now defaults to `false`. Can be configured through [`header.border`](/api/configuration#header).
-- Whether to show TOC in mobile is now configurable through [`toc.enableInMobile`](/api/configuration#toc), and defaults to `false`.
diff --git a/content/index.md b/content/index.md
index 63e2f5cd..06c91378 100644
--- a/content/index.md
+++ b/content/index.md
@@ -6,7 +6,7 @@ navigation: false
 ::hero
 ---
 announcement:
-  title: 'Release v0.4.3'
+  title: 'Release v0.4.5'
   icon: 'noto:party-popper'
   to: /getting-started/changelog
 actions:
diff --git a/package.json b/package.json
index c9aec66f..12f14c83 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "shadcn-docs-nuxt",
   "type": "module",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "author": "Tony Zhang <zhangtianli2006@gmail.com>",
   "license": "MIT",
   "homepage": "https://shadcn-docs.nuxt.dev/",