diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index 41665c0..f1396d1 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -71,9 +71,13 @@ export default function Page() {
           <div className="six columns">
             <label htmlFor="album-artist">Artist</label><input type="text" name="artist" id="album-artist" />
           </div>
+        </div>
+        <div className="row">
           <div className="six columns">
             <label htmlFor="album-genre">Genre</label><input type="text" name="genre" id="album-genre" />
           </div>
+        </div>
+        <div className="row">
           <div className="six columns">
             <button type="submit">Create</button>
           </div>
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 85b2fc9..5145b36 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -558,7 +558,7 @@ body {
   font-weight: 400;
   font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #3fc6f1;
-  background-color: #736b5e}
+  background-color: #1e1c18}
 
 
 /* Typography
@@ -972,10 +972,10 @@ there.
       display: block;
       width: 100%;
       height: 6.5rem;
-      background: #fff;
+      background: #1e1c18;
       z-index: 99;
-      border-top: 1px solid #eee;
-      border-bottom: 1px solid #eee; }
+      border-top: 1px solid #333;
+      border-bottom: 1px solid #333; }
     .navbar-spacer {
       display: none; }
     .navbar > .container {
@@ -995,7 +995,7 @@ there.
       margin-right: 35px;
       text-decoration: none;
       line-height: 6.5rem;
-      color: #222; }
+      color: #c7c7c7; }
     .navbar-link.active {
       color: #33C3F0; }
     .has-docked-nav .navbar {