diff --git a/kiszolgalo/src/main/resources/index.html b/kiszolgalo/src/main/resources/index.html
index 980df0e..0877f5f 100644
--- a/kiszolgalo/src/main/resources/index.html
+++ b/kiszolgalo/src/main/resources/index.html
@@ -24,18 +24,15 @@
     </a>
 </header>
 
-<div class="main-content">
-        <div id="messages" class="messages">
+    <div id="messages" class="messages">
 
-        </div>
-</div>
-
-<footer>
-    <div class="textbox">
-        <input class="text_input" name="valami" type="text" id="promptText" placeholder="Kérdezz az OSI modellről... vagy idk...">
-        <button class="send_button" onclick="send_data()">send</button>
     </div>
-</footer>
+    <footer>
+        <div class="textbox">
+            <input class="text_input" name="valami" type="text" id="promptText" placeholder="Kérdezz az OSI modellről... vagy idk...">
+            <button class="send_button" onclick="send_data()">send</button>
+        </div>
+    </footer>
 
 </div>
 
diff --git a/kiszolgalo/src/main/resources/style.css b/kiszolgalo/src/main/resources/style.css
index b25d3cc..517cbe7 100644
--- a/kiszolgalo/src/main/resources/style.css
+++ b/kiszolgalo/src/main/resources/style.css
@@ -42,8 +42,6 @@ body {
 
 .message {
     margin: auto;
-    position: relative;
-    bottom: 0px;
     margin-bottom: 10px;
     padding: 0px 25px;
     text-align: left;
@@ -61,9 +59,10 @@ body {
 }
 
 .messages {
-    height: 100%;
+    margin-bottom: 10%;
+    position: relative;
     display: flex;
-    margin: 0px auto 0px auto;
+    margin: 5px auto 0px auto;
     padding: 10px 0px;
     flex-direction: column-reverse;
     width: 80%;
@@ -142,6 +141,7 @@ body {
 
 .navbar {
     width: 100%;
+    z-index: 5;
     position: fixed;
     padding: 10px;
     background: #212121;