diff --git a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
index 70d0108e9f..36c3ea7b51 100644
--- a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
+++ b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
@@ -169,13 +169,12 @@ const props = withDefaults(defineProps<{
 		text-overflow: ellipsis;
 	}
 
-	::v-deep(.quote) {
+	::v-deep(blockquote) {
 		display: block;
-		margin: 8px;
-		padding: 6px 0 6px 12px;
-		color: var(--fg);
-		border-left: solid 3px var(--fg);
-		opacity: 0.7;
+		margin: 8px 0;
+		padding-left: 12px;
+		color: var(--fgTransparentWeak);
+		border-left: solid 4px var(--fgTransparent);
 	}
 
 	::v-deep(pre) {
diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index b5be65d90b..3f040541f8 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -379,10 +379,7 @@ export default defineComponent({
 							if (!this.nowrap) {
 								return [
 									h(
-										"div",
-										{
-											class: "quote",
-										},
+										"blockquote",
 										genEl(token.children),
 									),
 								];