diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index ac67874419..25876aa37d 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -79,9 +79,10 @@ html[data-dir="rtl"] {
 }
 
 blockquote {
-	background-color: $light;
-	font-style: italic;
-	border-left: 4px solid $primary;
+	background-color: rgba(var(--bs-body-color-rgb), 0.03);
+	color: var(--bs-body-color);
+	font-style: normal;
+	border-radius: $border-radius-sm;
 	padding: 1rem;
 	p:last-child {
 		margin-bottom: 0;
diff --git a/public/src/client/topic.js b/public/src/client/topic.js
index c5a9f5cab3..bab39a0023 100644
--- a/public/src/client/topic.js
+++ b/public/src/client/topic.js
@@ -221,7 +221,7 @@ define('forum/topic', [
 			const toggle = $(this);
 			blockQuote.toggleClass('uncollapsed');
 			const collapsed = !blockQuote.hasClass('uncollapsed');
-			toggle.toggleClass('fa-angle-down', collapsed).toggleClass('fa-angle-up', !collapsed);
+			toggle.find('i').toggleClass('fa-angle-down', collapsed).toggleClass('fa-angle-up', !collapsed);
 		});
 	}
 
diff --git a/public/src/client/topic/posts.js b/public/src/client/topic/posts.js
index 3f9840ebcf..af2ea961e2 100644
--- a/public/src/client/topic/posts.js
+++ b/public/src/client/topic/posts.js
@@ -441,7 +441,7 @@ define('forum/topic/posts', [
 		nestedBlockQuote.each(function () {
 			const $this = $(this);
 			if ($this.find(':hidden:not(br)').length && !$this.find('.toggle').length) {
-				$this.append('<i class="d-inline-block fa fa-angle-down pointer toggle py-1 px-3 border text-bg-light"></i>');
+				$this.append('<button class="toggle btn btn-ghost btn-sm d-inline-block py-1 px-3"><i class="fa fa-angle-down"></i>');
 			}
 		});
 	};