diff --git a/src/components/markdown/MarkdownRenderer.tsx b/src/components/markdown/MarkdownRenderer.tsx
index b74ca82..704c467 100644
--- a/src/components/markdown/MarkdownRenderer.tsx
+++ b/src/components/markdown/MarkdownRenderer.tsx
@@ -22,11 +22,11 @@ const Container = styled.div`
 
 	blockquote {
 		margin: 2px 0;
-		padding: 5px;
-		background-color: var(--background-secondary);
+		padding: 5px 15px;
+		background-color: transparent;
 		width: fit-content;
 		border-radius: 4px;
-		border-inline-start: 4px solid var(--background-tertiary);
+		border-inline-start: 4px solid var(--interactive);
 	}
 
 	code.inline {
diff --git a/src/contexts/Theme.tsx b/src/contexts/Theme.tsx
index 49dbd39..4fc1cc1 100644
--- a/src/contexts/Theme.tsx
+++ b/src/contexts/Theme.tsx
@@ -54,6 +54,7 @@ export type ThemeVariables =
 	| "warningLight"
 	| "warningDark"
 	| "warningContrastText"
+	| "interactive"
 	| "scrollbarTrack"
 	| "scrollbarThumb";
 
@@ -123,6 +124,7 @@ export const ThemePresets: Record<string, Theme> = {
 		warningContrastText: "",
 		scrollbarTrack: "",
 		scrollbarThumb: "",
+		interactive: "",
 		font: font,
 	},
 	dark: {
@@ -165,6 +167,7 @@ export const ThemePresets: Record<string, Theme> = {
 		warningContrastText: "#040404",
 		scrollbarTrack: "#232323",
 		scrollbarThumb: "#171717",
+		interactive: "#424242",
 		font: font,
 	},
 };