diff --git a/website/src/assets/icons/menu close.svg b/website/src/assets/icons/menu close.svg
deleted file mode 100644
index 851bad3f..00000000
--- a/website/src/assets/icons/menu close.svg	
+++ /dev/null
@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="260.15558"
-   height="260.15472"
-   viewBox="0 0 68.832829 68.832604"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1"
-     transform="translate(-5.271081,-5.2711983)">
-    <g
-       id="g5"
-       transform="matrix(1.191148,0,0,1.191148,-8.9018003,-8.702249)">
-      <path
-         style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-         d="m 22.252631,13.508586 a 6.0647502,6.0647502 0 0 0 -8.57782,-0.0014 6.0647502,6.0647502 0 0 0 10e-4,8.577814 l 45.65534,45.65534 a 6.0647502,6.0647502 0 0 0 8.57782,0.0014 6.0647502,6.0647502 0 0 0 -10e-4,-8.577816 z"
-         id="path4" />
-      <path
-         style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-         d="m 13.676011,59.163724 a 6.0647502,6.0647502 0 0 0 -0.001,8.57782 6.0647502,6.0647502 0 0 0 8.57782,-0.001 l 45.65534,-45.65534 a 6.0647502,6.0647502 0 0 0 0.001,-8.57782 6.0647502,6.0647502 0 0 0 -8.57782,10e-4 z"
-         id="path5" />
-    </g>
-  </g>
-</svg>
diff --git a/website/src/assets/icons/menu open.svg b/website/src/assets/icons/menu open.svg
deleted file mode 100644
index abb1b22c..00000000
--- a/website/src/assets/icons/menu open.svg	
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="300"
-   height="300"
-   viewBox="0 0 79.374999 79.375"
-   version="1.1"
-   id="svg1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <g
-     id="layer1">
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="M 7.4042969,5.3476562 A 6.0647502,6.0647502 0 0 0 1.3378906,11.412109 6.0647502,6.0647502 0 0 0 7.4042969,17.476562 H 71.970703 a 6.0647502,6.0647502 0 0 0 6.066406,-6.064453 6.0647502,6.0647502 0 0 0 -6.066406,-6.0644528 z"
-       id="path1" />
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="M 7.4042969,33.623047 A 6.0647502,6.0647502 0 0 0 1.3378906,39.6875 6.0647502,6.0647502 0 0 0 7.4042969,45.751953 H 71.970703 A 6.0647502,6.0647502 0 0 0 78.037109,39.6875 6.0647502,6.0647502 0 0 0 71.970703,33.623047 Z"
-       id="path2" />
-    <path
-       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
-       d="m 7.4042969,61.898437 a 6.0647502,6.0647502 0 0 0 -6.0664063,6.064454 6.0647502,6.0647502 0 0 0 6.0664063,6.064453 H 71.970703 a 6.0647502,6.0647502 0 0 0 6.066406,-6.064453 6.0647502,6.0647502 0 0 0 -6.066406,-6.064454 z"
-       id="path3" />
-  </g>
-</svg>
diff --git a/website/src/assets/icons/menu-close.svg b/website/src/assets/icons/menu-close.svg
new file mode 100644
index 00000000..a544837c
--- /dev/null
+++ b/website/src/assets/icons/menu-close.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="300"
+   height="300"
+   viewBox="0 0 79.374999 79.375"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="menu-close.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="2.69"
+     inkscape:cx="150"
+     inkscape:cy="150"
+     inkscape:window-width="1882"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="matrix(0.82637069,0,0,0.82637069,6.3675966,7.3358595)"
+     style="stroke-width:1.21011">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 3.5606732,67.332729 c -2.369455,2.368161 -2.3700733,6.208891 -0.00138,8.577814 2.3689237,2.368692 6.209653,2.368073 8.5778137,-0.0014 L 77.080858,10.965409 c 2.369455,-2.3681601 2.370073,-6.2088891 0.0014,-8.5778135 -2.368923,-2.36869102 -6.209652,-2.36807372 -8.577814,0.0014 z"
+       id="path2"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 12.137107,2.3889757 C 9.7689461,0.0195207 5.9282161,0.0189024 3.5592931,2.3875957 c -2.368692,2.3689237 -2.368073,6.209653 0.0014,8.5778133 L 68.504427,75.909161 c 2.36816,2.369455 6.208889,2.370073 8.577814,0.0014 2.368691,-2.368923 2.368073,-6.209652 -0.0014,-8.577814 z"
+       id="path3"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/website/src/assets/icons/menu-open.svg b/website/src/assets/icons/menu-open.svg
new file mode 100644
index 00000000..3f4580da
--- /dev/null
+++ b/website/src/assets/icons/menu-open.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="300"
+   height="300"
+   viewBox="0 0 79.374999 79.375"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="menu-open.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="2.69"
+     inkscape:cx="150"
+     inkscape:cy="150"
+     inkscape:window-width="1882"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="matrix(0.82637069,0,0,0.82637069,6.3675966,7.3358595)"
+     style="stroke-width:1.21011">
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 0.94493383,65.824717 c -3.35000013,-9.15e-4 -6.06624283,2.714454 -6.06640633,6.064454 1.641e-4,3.35 2.7164066,6.065368 6.06640633,6.064453 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.714453 6.066406,-6.064453 -1.64e-4,-3.35 -2.716406,-6.065369 -6.066406,-6.064454 z"
+       id="path3"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 0.94493383,33.084612 c -3.35000013,-9.15e-4 -6.06624283,2.714454 -6.06640633,6.064454 1.641e-4,3.35 2.7164066,6.065368 6.06640633,6.064453 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.714453 6.066406,-6.064453 -1.64e-4,-3.35 -2.716406,-6.065369 -6.066406,-6.064454 z"
+       id="path1"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       style="baseline-shift:baseline;display:inline;overflow:visible;opacity:1;vector-effect:none;fill:#ffffff;stroke:none;stroke-width:1.21011;stroke-linecap:round;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="M 0.94493383,0.34450707 C -2.4050663,0.34359207 -5.121309,3.0589611 -5.1214725,6.4089611 c 1.641e-4,3.35 2.7164066,6.0653679 6.06640633,6.0644529 H 79.696608 c 3.349999,9.15e-4 6.066242,-2.7144529 6.066406,-6.0644529 -1.64e-4,-3.35 -2.716406,-6.06536903 -6.066406,-6.06445403 z"
+       id="path2"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/website/src/components/NavMenu.svelte b/website/src/components/NavMenu.svelte
index 8a6feba3..2bf96ebc 100644
--- a/website/src/components/NavMenu.svelte
+++ b/website/src/components/NavMenu.svelte
@@ -1,6 +1,8 @@
 <script>
   import { quadOut } from "svelte/easing";
   import { fade } from "svelte/transition";
+  import menuIcon from "../assets/icons/menu-open.svg?url";
+  import closeIcon from "../assets/icons/menu-close.svg?url";
   const headerLinks = [
     {
       title: "Home",
@@ -32,13 +34,18 @@
     {/each}
   </ul>
 </nav>
-<button
-  class="md:hidden self-center text-white font-bold border-2 border-white rounded-lg px-2 py-1"
-  onclick={toggleMenu}
-  aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
-  aria-controls="navMenu"
-  aria-expanded={menuActive}>Menu</button
->
+{#if menuActive == false}
+  <button
+    class="md:hidden self-center p-2"
+    transition:fade={{ duration: 180, easing: quadOut }}
+    onclick={toggleMenu}
+    aria-label="Open navigation menu"
+    aria-controls="navMenu"
+    aria-expanded={menuActive}
+  >
+    <img class="w-6 h-6" src={menuIcon} alt="" />
+  </button>
+{/if}
 {#if menuActive == true}
   <div
     id="navMenu"
@@ -46,12 +53,14 @@
     transition:fade={{ duration: 180, easing: quadOut }}
   >
     <button
-      class="fixed top-9.5 right-6 text-white font-bold border-2 border-white rounded-lg px-2 py-1"
+      class="fixed top-9 right-6 p-2"
       onclick={toggleMenu}
-      aria-label={menuActive ? "Close navigation menu" : "Open navigation menu"}
+      aria-label="Close navigation menu"
       aria-controls="navMenu"
-      aria-expanded={menuActive}>Close</button
+      aria-expanded={menuActive}
     >
+      <img class="w-6 h-6" src={closeIcon} alt="" />
+    </button>
     <ul class="w-fit h-fit flex flex-col gap-4 items-center">
       {#each headerLinks as link}
         <li>