diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 5737e7c..b2a6e91 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -22,9 +22,6 @@ const Footer = () => {
                 </a>
               </Link>
             </li>
-            <li>
-              <span> | </span>
-            </li>
           ))}
           <li className={styles.nav__item}>
             <a href='#' className={styles.nav__link}>
diff --git a/src/styles/abstracts/variables/_themes.scss b/src/styles/abstracts/variables/_themes.scss
index e992612..7ba9cfe 100644
--- a/src/styles/abstracts/variables/_themes.scss
+++ b/src/styles/abstracts/variables/_themes.scss
@@ -2,9 +2,9 @@ $_dark: (
   text-accent: hsl(0, 0%, 100%),
   text: hsl(0, 0%, 96%),
   text-muted: hsl(0, 0%, 80%),
-  bg-accent: hsl(221, 39%, 15%),
+  bg-accent: #232323,
   bg: #000,
-  bg-muted: rgb(20, 28, 46),
+  bg-muted: #141414,
   link: hsl(339, 95%, 80%),
   link-muted: hsl(344, 79%, 80%),
   fill: hsl(339, 75%, 64%),
diff --git a/src/styles/modules/layout/header.module.scss b/src/styles/modules/layout/header.module.scss
index 8db849a..81cf216 100644
--- a/src/styles/modules/layout/header.module.scss
+++ b/src/styles/modules/layout/header.module.scss
@@ -6,7 +6,8 @@
   font-size: 1.1em;
 
   display: grid;
-  background: (var(--clr-bg-muted));
+  background: none;
+  border-bottom: solid 1px (var(--clr-text-accent))
 
   &__about {
     min-height: 100vh;