diff --git a/.editorconfig b/.editorconfig
index 8f5d808..95405c1 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -9,4 +9,4 @@ indent_size = 2
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = false
-insert_final_newline = true
+insert_final_newline = false
diff --git a/Dockerfile b/Dockerfile
index fa56e14..dc5ee33 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -58,4 +58,4 @@ EXPOSE 3000
 
 ENV PORT 3000
 
-CMD ["node", "server.js"]
\ No newline at end of file
+CMD ["node", "server.js"]
diff --git a/pages/about.tsx b/pages/about.tsx
index 706ac82..aa9601a 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -10,12 +10,11 @@ import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
 import { NextPageWithLayout } from 'types';
 
 const Loading = dynamic(() => import('components/RUA/loading/RUALoading'));
+const MainLayout = dynamic(() => import('layouts/MainLayout'));
 
 const rotationY = 0.4;
 const rotationX = 0.2;
 
-const MainLayout = dynamic(() => import('layouts/MainLayout'));
-
 const About: NextPageWithLayout = () => {
   const [loading, setLoading] = useState(true);
   const [showLoading, setShowLoading] = useState(true);
@@ -174,7 +173,7 @@ const About: NextPageWithLayout = () => {
               'absolute top-0 left-0',
               'items-center flex justify-center',
               'w-full h-full transition-all duration-500',
-              'bg-white',
+              'bg-white dark:bg-rua-gray-900',
               loading ? 'opacity-1' : 'opacity-0'
             )}
           >
diff --git a/pages/p/[slug].tsx b/pages/p/[slug].tsx
index 31c2fdf..e87f8e9 100644
--- a/pages/p/[slug].tsx
+++ b/pages/p/[slug].tsx
@@ -1,15 +1,15 @@
-import { allPostsPath, readSinglePost } from 'lib/posts';
-import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
-import { serialize } from 'next-mdx-remote/serialize';
-import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
-import components from 'components/mdx/components';
-import data from 'data/mdxData';
 import rehypePrism from '@mapbox/rehype-prism';
-import remarkGfm from 'remark-gfm';
-import rehypeSlug from 'rehype-slug';
-import dynamic from 'next/dynamic';
-import { generateToc, SingleToc } from 'lib/utils';
+import components from 'components/mdx/components';
 import PostToc from 'components/post/PostToc';
+import data from 'data/mdxData';
+import { allPostsPath, readSinglePost } from 'lib/posts';
+import { generateToc, SingleToc } from 'lib/utils';
+import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from 'next';
+import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote';
+import { serialize } from 'next-mdx-remote/serialize';
+import dynamic from 'next/dynamic';
+import rehypeSlug from 'rehype-slug';
+import remarkGfm from 'remark-gfm';
 
 const Footer = dynamic(() => import('components/Footer'));
 const HeadBar = dynamic(() => import('components/NavBar'));