diff --git a/pyscriptjs/src/components/base.ts b/pyscriptjs/src/components/base.ts
index 113beaa..5cc4904 100644
--- a/pyscriptjs/src/components/base.ts
+++ b/pyscriptjs/src/components/base.ts
@@ -1,5 +1,5 @@
 import { componentDetailsNavOpen, loadedEnvironments, mode, pyodideLoaded } from '../stores';
-import { guidGenerator } from '../utils';
+import { guidGenerator, addClasses } from '../utils';
 // Premise used to connect to the first available pyodide interpreter
 let pyodideReadyPromise;
 let environments;
@@ -144,7 +144,10 @@ export class BaseEvalElement extends HTMLElement {
                 Element = pyodide.globals.get('Element');
             }
             const out = Element(this.errorElement.id);
-            out.write.callKwargs(err, { append: true });
+            
+            addClasses(this.errorElement, ['bg-red-200', 'p-2']);
+            // @ts-ignore
+            out.write.callKwargs(err, { append : true});
             this.errorElement.hidden = false;
             this.errorElement.style.display = 'block';
         }
diff --git a/pyscriptjs/src/components/pyrepl.ts b/pyscriptjs/src/components/pyrepl.ts
index 7a445a3..bb62321 100644
--- a/pyscriptjs/src/components/pyrepl.ts
+++ b/pyscriptjs/src/components/pyrepl.ts
@@ -77,7 +77,7 @@ export class PyRepl extends BaseEvalElement {
         // })
       ];
         const customTheme = EditorView.theme({
-          '.cm-focused .cm-editor, .cm-editor ::selection': { outline: '0px' },
+          '&.cm-focused .cm-editor': { outline: '0px' },
           '.cm-scroller': { lineHeight: 2.5 },
           '.cm-activeLine': { backgroundColor: '#fff' },
           '.cm-content': { padding: 0, backgroundColor: '#f5f5f5' },