diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..17a6253 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index aa069f2..7efbd63 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,41 +3,17 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="author" content="Thiago Chaves" />
+    <meta name="keywords" content="vocabulary,practice,tool" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="theme-color" content="#2f4f4f" />
+    <meta name="description" content="Practice vocabulary using flash cards" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/public/logo192.png b/public/logo192.png
index fc44b0a..fd4e90a 100644
Binary files a/public/logo192.png and b/public/logo192.png differ
diff --git a/public/logo512.png b/public/logo512.png
index a4e47a6..34c194a 100644
Binary files a/public/logo512.png and b/public/logo512.png differ
diff --git a/public/manifest.json b/public/manifest.json
index 080d6c7..1173f6d 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,10 +1,11 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Flash Card App",
+  "name": "Flash Card App",
+  "description": "Practice vocabulary using flash cards",
   "icons": [
     {
       "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
+      "sizes": "256x256",
       "type": "image/x-icon"
     },
     {
@@ -20,6 +21,7 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "orientation": "portrait-primary",
+  "theme_color": "#2f4f4f",
+  "background_color": "#e6e6fa"
 }
diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
index aa9980e..4a666a0 100644
--- a/src/components/Navigation/Navigation.tsx
+++ b/src/components/Navigation/Navigation.tsx
@@ -3,22 +3,24 @@ import { NavigationItem } from "./NavigationItem";
 
 export function Navigation() {
   return (
-    <nav className="navigation">
-      <NavigationItem
-        text="home"
-        iconUrl="/icons/home.svg"
-        page={AppPath.Home}
-      />
-      <NavigationItem
-        text="practice"
-        iconUrl="/icons/calendar.svg"
-        page={AppPath.ExpressionSets}
-      />
-      <NavigationItem
-        text="settings"
-        iconUrl="/icons/check.svg"
-        page={AppPath.Settings}
-      />
+    <nav>
+      <ol className="navigation">
+        <NavigationItem
+          text="home"
+          iconUrl="/icons/home.svg"
+          page={AppPath.Home}
+        />
+        <NavigationItem
+          text="practice"
+          iconUrl="/icons/calendar.svg"
+          page={AppPath.ExpressionSets}
+        />
+        <NavigationItem
+          text="settings"
+          iconUrl="/icons/settings.svg"
+          page={AppPath.Settings}
+        />
+      </ol>
     </nav>
   );
 }
