diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index b636db77..ec2b6af9 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -4,10 +4,10 @@
       <div class="flex">
         <div class="flex space-x-8">
           <a href="/" class={nav_link_class(assigns[:nav_section], :stats)}>
-            Stats
+            <%= gettext("Stats") %>
           </a>
           <a href={~p"/records"} class={nav_link_class(assigns[:nav_section], :records)}>
-            Collection
+            <%= gettext("Collection") %>
           </a>
         </div>
       </div>
@@ -16,7 +16,7 @@
           class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-transparent text-gray-500 hover:text-gray-700"
           href={~p"/login"}
         >
-          Logout
+          <%= gettext("Logout") %>
         </a>
       </div>
     </div>
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 5727a8a6..52ceb465 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -76,3 +76,18 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "You must be logged in to access this page"
 msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex:10
+#, elixir-autogen, elixir-format
+msgid "Collection"
+msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex:19
+#, elixir-autogen, elixir-format
+msgid "Logout"
+msgstr ""
+
+#: lib/music_library_web/components/layouts/app.html.heex:7
+#, elixir-autogen, elixir-format
+msgid "Stats"
+msgstr ""