diff --git a/src/app/app.component.css b/src/app/app.component.css
index 444c233..9acd5ab 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,3 +1,20 @@
+nav {
+  border: 3px solid black;
+  padding: 0 20px;
+
+  ul {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: space-between;
+    padding: 0;
+
+    li {
+      list-style: none;
+    }
+  }
+}
+
 #page-wrapper {
   width: 70%;
   border: 3px solid black;
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 37a62e8..bfd75c3 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,3 @@
-<h1>Ratatouille</h1>
-
 <nav>
   <ul>
     <li><a routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">Home</a></li>
diff --git a/src/index.html b/src/index.html
index 3b42aaf..8e407d0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
   <title>BromistaNisqaReceta</title>
@@ -7,7 +8,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
+
 <body>
   <app-root></app-root>
 </body>
-</html>
+
+</html>
\ No newline at end of file
