From 4ae81d3a3d1e7730ce1d9ec6be7edc0041417979 Mon Sep 17 00:00:00 2001
From: Botho <1258870+elbotho@users.noreply.github.com>
Date: Mon, 7 Aug 2023 13:07:05 +0200
Subject: [PATCH] math: add visual active state for latex editor

---
 src/serlo-editor/math/editor.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/serlo-editor/math/editor.tsx b/src/serlo-editor/math/editor.tsx
index 0eb00b31b9..e564cadf19 100644
--- a/src/serlo-editor/math/editor.tsx
+++ b/src/serlo-editor/math/editor.tsx
@@ -200,7 +200,14 @@ export function MathEditor(props: MathEditorProps) {
             />
           </div>
         ) : (
-          <MathRenderer {...props} ref={anchorRef} />
+          <div
+            className={clsx(
+              props.inline ? 'inline-block' : '',
+              'rounded-md bg-editor-primary-200'
+            )}
+          >
+            <MathRenderer {...props} ref={anchorRef} />
+          </div>
         )}
 
         {renderControlsPortal(