diff --git a/front/components/MarkdownRender.vue b/front/components/MarkdownRender.vue
index 635f53a..91d3495 100644
--- a/front/components/MarkdownRender.vue
+++ b/front/components/MarkdownRender.vue
@@ -11,5 +11,13 @@ const renderHtml = computed(() => {
 })
 </script>
 <template>
-    <div :class="cx('prose prose-sm [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0', props?.class)" v-html="renderHtml" />
+    <div
+        :class="
+            cx(
+                'prose prose-sm [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0 prose-blockquote:border-black/50 selection:bg-primary/20',
+                props?.class
+            )
+        "
+        v-html="renderHtml"
+    />
 </template>
diff --git a/front/components/Tiptap.vue b/front/components/Tiptap.vue
index e257aba..56442f5 100644
--- a/front/components/Tiptap.vue
+++ b/front/components/Tiptap.vue
@@ -46,6 +46,6 @@ onUnmounted(() => {
 <template>
     <editor-content
         :editor="editor"
-        class="prose prose-sm bg-white/50 rounded-md p-2 [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0"
+        class="prose prose-sm bg-white/50 rounded-md p-2 [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0 prose-blockquote:border-black/50 selection:bg-primary/20"
     />
 </template>