diff --git a/web/markdown/markdown.css b/web/markdown/markdown.css
--- a/web/markdown/markdown.css
+++ b/web/markdown/markdown.css
@@ -17,14 +17,14 @@
   box-sizing: border-box;
   width: 100%;
   margin: 6px 0;
+  border-radius: 8px;
+  border-left-width: 8px;
+  border-left-style: solid;
+  border-left-color: #00000066;
 }
-div.darkBackground blockquote {
-  background: #a9a9a9;
-  border-left: 5px solid #808080;
-}
-div.lightBackground blockquote {
-  background: #d3d3d3;
-  border-left: 5px solid #c0c0c0;
+
+div.markdown > blockquote {
+  background-color: #00000066;
 }
 
 div.markdown code {
diff --git a/web/markdown/rules.react.js b/web/markdown/rules.react.js
--- a/web/markdown/rules.react.js
+++ b/web/markdown/rules.react.js
@@ -142,6 +142,7 @@
   const threadMembers = useSelector(
     relativeMemberInfoSelectorForMembersOfThread(threadID),
   );
+
   return React.useMemo(() => {
     if (!threadMembers) {
       return undefined;