diff --git a/svelte.config.js b/svelte.config.js
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -17,6 +17,9 @@
 		}
 	},
 
+	vitePlugin: {
+		inspector: true
+	},
 	compilerOptions: {
 		experimental: {
 			async: true
diff --git a/src/lib/cards/_base/BaseCard/BaseEditingCard.svelte b/src/lib/cards/_base/BaseCard/BaseEditingCard.svelte
--- a/src/lib/cards/_base/BaseCard/BaseEditingCard.svelte
+++ b/src/lib/cards/_base/BaseCard/BaseEditingCard.svelte
@@ -298,7 +298,7 @@
 
 			<div
 				class={[
-					'absolute -bottom-7 w-full items-center justify-center text-xs lg:group-focus-within:inline-flex lg:group-hover/card:inline-flex',
+					'absolute -bottom-13 w-full items-center justify-center text-xs lg:group-focus-within:inline-flex lg:group-hover/card:inline-flex',
 					colorPopoverOpen || settingsPopoverOpen ? 'inline-flex' : 'hidden'
 				]}
 			>
@@ -434,8 +434,9 @@
 			{#if cardDef.canResize !== false}
 				<!-- Resize handle at bottom right corner -->
 				<div
+					role="separator"
 					onpointerdown={handleResizeStart}
-					class="bg-base-300/70 dark:bg-base-900/70 pointer-events-auto absolute right-0.5 bottom-0.5 hidden cursor-se-resize rounded-md rounded-br-3xl p-1 lg:group-hover/card:block"
+					class="bg-base-300/70 dark:bg-base-900/70 pointer-events-auto absolute right-2 bottom-2 hidden cursor-se-resize rounded-md rounded-br-2xl p-1.5 lg:group-hover/card:block"
 				>
 					<svg
 						xmlns="http://www.w3.org/2000/svg"
@@ -447,21 +448,12 @@
 						stroke-linejoin="round"
 						class=" dark:text-base-400 text-base-600 size-4"
 					>
-						<circle cx="12" cy="5" r="1" /><circle cx="19" cy="5" r="1" /><circle
-							cx="5"
-							cy="5"
-							r="1"
-						/>
-						<circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle
-							cx="5"
-							cy="12"
-							r="1"
-						/>
-						<circle cx="12" cy="19" r="1" /><circle cx="19" cy="19" r="1" /><circle
-							cx="5"
-							cy="19"
-							r="1"
-						/>
+						<circle cx="9" cy="12" r="1" />
+						<circle cx="9" cy="5" r="1" />
+						<circle cx="9" cy="19" r="1" />
+						<circle cx="15" cy="12" r="1" />
+						<circle cx="15" cy="5" r="1" />
+						<circle cx="15" cy="19" r="1" />
 					</svg>
 					<span class="sr-only">Resize card</span>
 				</div>
diff --git a/src/lib/cards/core/TextCard/EditingTextCard.svelte b/src/lib/cards/core/TextCard/EditingTextCard.svelte
--- a/src/lib/cards/core/TextCard/EditingTextCard.svelte
+++ b/src/lib/cards/core/TextCard/EditingTextCard.svelte
@@ -15,7 +15,7 @@
 <!-- svelte-ignore a11y_click_events_have_key_events -->
 <div
 	class={cn(
-		'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 hover:bg-base-700/5 accent:hover:bg-accent-300/20 prose-p:first:mt-0 prose-p:last:mb-0 inline-flex h-full w-full max-w-none cursor-text overflow-y-scroll rounded-md px-6 py-4 text-lg transition-colors duration-150',
+		'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 hover:bg-base-700/5 accent:hover:bg-accent-300/20 prose-p:first:mt-0 prose-p:last:mb-0 inline-flex h-full w-full max-w-none cursor-text overflow-y-scroll rounded-xl px-6 py-5 text-lg transition-colors duration-150',
 		textAlignClasses[item.cardData.textAlign as string],
 		verticalAlignClasses[item.cardData.verticalAlign as string],
 		textSizeClasses[(item.cardData.textSize ?? 0) as number]
diff --git a/src/lib/cards/core/TextCard/TextCard.svelte b/src/lib/cards/core/TextCard/TextCard.svelte
--- a/src/lib/cards/core/TextCard/TextCard.svelte
+++ b/src/lib/cards/core/TextCard/TextCard.svelte
@@ -14,7 +14,7 @@
 
 <div
 	class={cn(
-		'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 prose-p:first:mt-0 prose-p:last:mb-0 prose-headings:first:mt-0 prose-headings:last:mb-0 inline-flex h-full min-h-full w-full max-w-none overflow-x-hidden overflow-y-scroll rounded-md px-6 py-4 text-lg',
+		'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 prose-p:first:mt-0 prose-p:last:mb-0 prose-headings:first:mt-0 prose-headings:last:mb-0 inline-flex h-full min-h-full w-full max-w-none overflow-x-hidden overflow-y-scroll rounded-xl px-6 py-5 text-lg',
 		textAlignClasses?.[item.cardData.textAlign as string],
 		verticalAlignClasses[item.cardData.verticalAlign as string],
 		textSizeClasses[(item.cardData.textSize ?? 0) as number]