import katex styles as global styles

packages/app/src/components/CommonStyles/katex.module.scss

@@ -1,3 +0,0 @@
-.katex-container :global {
-  @import '~katex/dist/katex.min';
-}

packages/app/src/components/Page/RevisionRenderer.tsx

@@ -10,8 +10,6 @@ import { useCurrentPathname, useInterceptorManager } from '~/stores/context';
 import { useEditorSettings } from '~/stores/editor';
 import loggerFactory from '~/utils/logger';
 
-import katexStyles from '../CommonStyles/katex.module.scss';
-
 
 const logger = loggerFactory('components:Page:RevisionRenderer');
 
@@ -101,7 +99,7 @@ const RevisionRenderer = React.memo((props: Props): JSX.Element => {
   return (
     <ReactMarkdown
       {...rendererOptions}
-      className={`wiki katex-container ${katexStyles['katex-container']} ${additionalClassName ?? ''}`}
+      className={`wiki ${additionalClassName ?? ''}`}
     >
       {markdown}
     </ReactMarkdown>

packages/app/src/styles/style-next.scss

@@ -5,23 +5,24 @@
 // // override codemirror
 // @import 'override-codemirror';
 
+// react-bootstrap-typeahead
 @import '~react-bootstrap-typeahead/css/Typeahead';
 @import 'override-rbt';
 
-// import SimpleBar styles
+// SimpleBar
 @import '~simplebar/dist/simplebar.min.css';
-
-// override simplebar-react styles
 @import 'override-simplebar';
 
+// KaTeX
+@import '~katex/dist/katex.min';
+
 // icons
 @import '~simple-line-icons';
 @import '~material-icons/iconfont/filled';
 @import '~font-awesome';
 @import '~@icon/themify-icons/themify-icons';
 
-
-// // atoms
+// atoms
 @import 'atoms/buttons';
 // @import 'atoms/code';
 // @import 'atoms/nav';