diff --git a/components/header.js b/components/header.js
index 63977a39..a8d417de 100644
--- a/components/header.js
+++ b/components/header.js
@@ -30,7 +30,7 @@ function WalletSummary ({ me }) {
 function Back () {
   const router = useRouter()
   if (typeof window !== 'undefined' && (typeof window.navigation === 'undefined' || window.navigation.canGoBack === undefined || window?.navigation.canGoBack)) {
-    return <BackArrow className='theme standalone mr-2' width={22} height={22} onClick={() => router.back()} />
+    return <BackArrow className='theme standalone mr-1 mr-md-2' width={22} height={22} onClick={() => router.back()} />
   }
   return null
 }
@@ -272,7 +272,7 @@ export default function Header ({ sub }) {
   return (
     <>
       <Container className='px-0'>
-        <Navbar className='pb-0 pb-md-2'>
+        <Navbar className='pb-0 pb-lg-2'>
           <Nav
             className={styles.navbarNav}
             activeKey={topNavKey}
@@ -285,10 +285,10 @@ export default function Header ({ sub }) {
                 </Navbar.Brand>
               </Link>
             </div>
-            <NavItems className='d-none d-md-flex mx-2' />
-            <PostItem className='d-none d-md-flex mx-2' />
+            <NavItems className='d-none d-lg-flex mx-2' />
+            <PostItem className='d-none d-lg-flex mx-2' />
             <Link href='/search' passHref>
-              <Nav.Link eventKey='search' className='position-relative d-none d-md-flex align-items-center pr-0 ml-2'>
+              <Nav.Link eventKey='search' className='position-relative d-none d-lg-flex align-items-center pr-0 ml-2'>
                 <SearchIcon className='theme' width={22} height={22} />
               </Nav.Link>
             </Link>
@@ -298,7 +298,7 @@ export default function Header ({ sub }) {
             <Corner />
           </Nav>
         </Navbar>
-        <Navbar className='pt-0 pb-2 d-md-none'>
+        <Navbar className='pt-0 pb-2 d-lg-none'>
           <Nav
             className={`${styles.navbarNav}`}
             activeKey={topNavKey}
@@ -320,7 +320,7 @@ export default function Header ({ sub }) {
 export function HeaderStatic () {
   return (
     <Container className='px-sm-0'>
-      <Navbar className='pb-0 pb-md-1'>
+      <Navbar className='pb-0 pb-lg-1'>
         <Nav
           className={styles.navbarNav}
         >
diff --git a/components/header.module.css b/components/header.module.css
index c59a94d4..d90199f0 100644
--- a/components/header.module.css
+++ b/components/header.module.css
@@ -55,6 +55,14 @@
 
 .price {
     margin-top: 2px;
+    white-space: nowrap;
+    display: flex;
+    flex-grow: 1;
+    justify-content: center;
+}
+
+.price > div {
+    font-size: min(3.5cqw, 0.9rem);
 }
 
 .dropdown {
diff --git a/pages/_document.js b/pages/_document.js
index 6998ba5b..ae5b9199 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -13,7 +13,7 @@ class MyDocument extends Document {
             dangerouslySetInnerHTML={{
               __html:
             ` @font-face {
-                font-family: lightning;
+                font-family: 'lightning';
                 src: url(${publicPrefix}/Lightningvolt-xoqm.ttf);
                 font-display: swap;
               }`
diff --git a/styles/globals.scss b/styles/globals.scss
index 742a47f2..94f99665 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -55,7 +55,7 @@ $tooltip-bg: #5c8001;
 
 @import "~bootstrap/scss/bootstrap";
 
-@media screen and (min-width: 767px) {
+@media screen and (min-width: 899px) {
 
   .table-sm th,
   .table-sm td {