diff --git a/res/ui/icons/waypoints.png b/res/ui/icons/waypoints.png
new file mode 100644
index 00000000..d0cce9db
Binary files /dev/null and b/res/ui/icons/waypoints.png differ
diff --git a/src/css/ingame_hud/game_menu.scss b/src/css/ingame_hud/game_menu.scss
index b191bc31..2f4b6721 100644
--- a/src/css/ingame_hud/game_menu.scss
+++ b/src/css/ingame_hud/game_menu.scss
@@ -102,6 +102,10 @@
             background-color: rgb(85, 199, 138);
             background-image: uiResource("icons/statistics.png");
         }
+        &[data-button-id="waypoints"] {
+            background-color: rgb(199, 140, 85);
+            background-image: uiResource("icons/waypoints.png");
+        }
 
         &:hover {
             opacity: 0.9;
diff --git a/src/css/ingame_hud/waypoints.scss b/src/css/ingame_hud/waypoints.scss
index 2f5fe096..c53657f4 100644
--- a/src/css/ingame_hud/waypoints.scss
+++ b/src/css/ingame_hud/waypoints.scss
@@ -7,6 +7,22 @@
         display: grid;
         grid-template-columns: 1fr auto;
         @include S(column-gap, 5px);
+
+        input.findOrCreate {
+            box-sizing: border-box;
+            border: none;
+            background: #f4f4f4;
+
+            @include PlainText;
+
+            @include S(padding-left, 5px);
+            @include S(padding-right, 5px);
+
+            @include DarkThemeOverride {
+                background: #222428;
+                color: #efefef;
+            }
+        }
     }
 
     .content {