diff --git a/frontend/src/routes/setup/+page.svelte b/frontend/src/routes/setup/+page.svelte
index 4c0f9fd..86aab1e 100644
--- a/frontend/src/routes/setup/+page.svelte
+++ b/frontend/src/routes/setup/+page.svelte
@@ -7,7 +7,7 @@
     <span class="title">title</span>
 </div>
 
-<div>
+<div class="heat">
     <form action="" method="post">
         <label for="name">Name</label>
         <input id="name" type="text">
@@ -16,7 +16,7 @@
     </form>
 </div>
 
-<div>
+<div class="surfer">
     <form action="" method="post">
         <label for="firstname">Firstname</label>
         <input id="firstname" type="text">
@@ -32,7 +32,7 @@
     .header {
         background-color: black;
         color: aliceblue;
-        display: flex;        
+        display: inline-flex
     }
 
     .header .img {
@@ -41,10 +41,22 @@
 
     .header .title {
         font-size: 3rem;
-        align-self: center;
-        justify-self: center;
-        margin-left: 25%;
-        margin-right: 25%;
+    }
+
+    .heat {
+        margin-top: 2px;
+        margin-bottom: 2px;
+        background-color: #111;
+        color: lightcyan;
+        display: flex;
+    }
+
+    .surfer {
+        margin-top: 2px;
+        margin-bottom: 2px;
+        background-color: #111;
+        color: lightcyan;
+        display: flex;
     }
 
 </style>
\ No newline at end of file