diff --git a/src/lib/components/common/RichTextInput/FormattingButtons.svelte b/src/lib/components/common/RichTextInput/FormattingButtons.svelte
index 1ea2003c0e..76a35a17cf 100644
--- a/src/lib/components/common/RichTextInput/FormattingButtons.svelte
+++ b/src/lib/components/common/RichTextInput/FormattingButtons.svelte
@@ -18,6 +18,7 @@
 	import Tooltip from '../Tooltip.svelte';
 	import CheckBox from '$lib/components/icons/CheckBox.svelte';
 	import ArrowLeftTag from '$lib/components/icons/ArrowLeftTag.svelte';
+	import ArrowRightTag from '$lib/components/icons/ArrowRightTag.svelte';
 </script>
 
 <div
@@ -71,7 +72,6 @@
 				<ArrowLeftTag />
 			</button>
 		</Tooltip>
-
 		<Tooltip placement="top" content={$i18n.t('Sink List')}>
 			<button
 				on:click={() =>
@@ -79,7 +79,7 @@
 				class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all"
 				type="button"
 			>
-				<ArrowLeftTag className="rotate-180" />
+				<ArrowRightTag />
 			</button>
 		</Tooltip>
 	{/if}
diff --git a/src/lib/components/icons/ArrowRightTag.svelte b/src/lib/components/icons/ArrowRightTag.svelte
new file mode 100644
index 0000000000..10c5134248
--- /dev/null
+++ b/src/lib/components/icons/ArrowRightTag.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	export let className = 'size-4';
+	export let strokeWidth = '1.5';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+	><path
+		d="M6.75 12H16.75M16.75 12L14 14.75M16.75 12L14 9.25"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path><path
+		d="M2 15V9C2 6.79086 3.79086 5 6 5H18C20.2091 5 22 6.79086 22 9V15C22 17.2091 20.2091 19 18 19H6C3.79086 19 2 17.2091 2 15Z"
+	></path></svg
+>