Update ProsePre.global.vue

components/prose/ProsePre.global.vue

 <template>
-    <UCard :ui="{ body: { padding: 'p-0 sm:p-0' }, base: 'overflow-hidden mt-5 mb-5' }">
-        <pre class="flex justify-between items-center m-0 rounded-none dark">
+    <UCard :ui="cardUI">
+        <pre class="flex justify-between items-center m-0 p-1 pl-4 pr-1 rounded-none dark">
             <div>{{ language }}</div>
             <UButton
                 leading-icon="i-heroicons-document-duplicate-20-solid"
@@ -44,6 +44,13 @@ const props = defineProps({
         default: null
     }
 })
+const cardUI = {
+    body: {
+        padding: 'p-0 sm:p-0'
+    },
+    base: 'overflow-hidden mt-5 mb-5',
+    ring: 'ring-0 dark:ring-1'
+}
 const handleCopy = () => {
     useCopyToClipboard().copy(props.code)
     toast.add({