Fixed outline problem

src/app/globals.css

@@ -122,3 +122,8 @@
     @apply bg-background text-foreground;
   }
 }
+
+:focus {
+  outline: none !important;
+  box-shadow: none !important;
+}

src/components/view/Doc.tsx

@@ -19,11 +19,12 @@ export default function DocView({
   }, [editor]);
 
   return (
+    <div className="h-full w-3xl mx-auto bg-accent/20 rounded-2xl px-4 py-2 docs-view" onClick={() => editor.focus()}>
       <BlockNoteView
         defaultValue={doc}
         editor={editor}
         shadCNComponents={{}}
-      className="w-full h-svh px-6 mt-4"
+        className="w-full focus:outline-none focus:ring-0 appearance-none"
         onChange={async () => {
           if (editor) {
             console.log(editor.blocksToMarkdownLossy(editor.document));
@@ -31,5 +32,6 @@ export default function DocView({
           }
         }}
       />
+    </div>
   );
 }