diff --git a/client-src/components/user-toolbar/user-toolbar.tsx b/client-src/components/user-toolbar/user-toolbar.tsx
index 677d347..5c3f50c 100644
--- a/client-src/components/user-toolbar/user-toolbar.tsx
+++ b/client-src/components/user-toolbar/user-toolbar.tsx
@@ -7,6 +7,7 @@ import { socketSend } from "../../services/socket.ts";
import { app } from "../../state";
const EditPencil = `/StreamlineFreehand-EditPencil.svg`;
+const NavigationPageRight = `/StreamlineFreehand-NavigationPageRight.svg`;
interface UserToolbarProps {
hat: string;
@@ -154,14 +155,14 @@ function CustomizeFrogDialog({
onClick={() => safeSetHatIndex((v) => v - 1)}
className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
>
-
+
@@ -170,14 +171,14 @@ function CustomizeFrogDialog({
onClick={() => safeSetFrogIndex((v) => v - 1)}
className="border group bg-green-400 hover:bg-green-600 p-2 rounded-full"
>
-
+
diff --git a/public/StreamlineFreehand-NavigationPageRight.svg b/public/StreamlineFreehand-NavigationPageRight.svg
new file mode 100644
index 0000000..f381b44
--- /dev/null
+++ b/public/StreamlineFreehand-NavigationPageRight.svg
@@ -0,0 +1,12 @@
+