diff --git a/components/Navbar/Links/navlinks.module.css b/components/Navbar/Links/navlinks.module.css
index d498a02..2abc96c 100644
--- a/components/Navbar/Links/navlinks.module.css
+++ b/components/Navbar/Links/navlinks.module.css
@@ -14,6 +14,10 @@
   overflow-y: auto;
 }
 
+.navLinkDesktop li, .navLinkMobile li {
+  list-style: none;
+}
+
 .link, .navLinkDesktop {
   font-size: 1rem;
   line-height: 1.5;
@@ -33,6 +37,7 @@
 .navLinkMobile li {
   max-width: 360px;
   width: 100%;
+  list-style: none;
 }
 
 .navLinkDesktop {
diff --git a/pages/app.js b/pages/app.js
index a7d2c45..89629e1 100644
--- a/pages/app.js
+++ b/pages/app.js
@@ -19,11 +19,11 @@ const App = () => {
     const gridElement = document.getElementById('grid')
     if (query.matches) {
       setMatched(true)
-      gridElement.style.gridTemplateColumns = '1fr 5px 1fr'
+      gridElement.style.gridTemplateColumns = '1fr 8px 1fr'
       gridElement.style.gridTemplateRows = '1fr'
     } else {
       setMatched(false)
-      gridElement.style.gridTemplateRows = '1fr 5px 1fr'
+      gridElement.style.gridTemplateRows = '1fr 8px 1fr'
       gridElement.style.gridTemplateColumns = '1fr'
     }
   }, [])
@@ -56,7 +56,7 @@ const App = () => {
             <Editor initialDoc={doc} onChange={handleChange} />
           </div>
           <div className={matched ? style.gutterColumn : style.gutterRow} {...getGutterProps(matched ? 'column' : 'row', 1)} />
-          <div>
+          <div style={{ width: '100%', overflow: 'auto', position: 'relative' }}>
             <Preview doc={doc} />
           </div>
         </div>
diff --git a/styles/app.module.css b/styles/app.module.css
index 9fe64fb..01b2849 100644
--- a/styles/app.module.css
+++ b/styles/app.module.css
@@ -8,17 +8,17 @@
   position: relative;
   align-items: center;
   justify-content: flex-end;
+  background-color: var(--md-bg-preview);
 }
 
 .gridColumn, .gridRow {
   height: calc(100vh - 48px);
   width: 100%;
   display: grid;
-  background-color: var(--md-divider-light-1);
 }
 
 .gridColumn {
-  grid-template-columns: 1fr 5px 1fr;
+  grid-template-columns: 1fr 8px 1fr;
 }
 
 .gutterColumn {
@@ -30,7 +30,7 @@
 }
 
 .gridRow {
-  grid-template-rows: 1fr 5px 1fr;
+  grid-template-rows: 1fr 8px 1fr;
 }
 
 .gutterRow {
diff --git a/styles/globals.css b/styles/globals.css
index 7fa1393..17d4d07 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -40,6 +40,7 @@
   --md-theme: light;
   --md-text-selection: var(--md-divider-light-1);
 }
+
 /* :root dark */
 [data-theme='dark'] {
   --md-bg-1: #1e1e1e;
@@ -58,6 +59,7 @@
   --md-text-selection: var(--md-selection);
   --md-theme: dark;
 }
+
 /* Global variables */
 :root {
   --md-burger-right-1: 0%;
@@ -69,6 +71,7 @@
   --md-burger-top-2: 45%;
   --md-nav-height: 48px;
 }
+
 *, :before,
 :after {
   box-sizing: border-box;
@@ -99,9 +102,7 @@ a {
   color: inherit;
   text-decoration: none;
 }
-li {
-  list-style: none;
-}
+
 ul {
   margin: 0;
   padding: 0;