diff --git a/src/gui/gui.ts b/src/gui/gui.ts
index 86f6a50..d9b346c 100644
--- a/src/gui/gui.ts
+++ b/src/gui/gui.ts
@@ -29,7 +29,14 @@ export function setupGui(
   customCostWeights: Partial<CostWeights> = {}
 ) {
   container.innerHTML = HTML_TEMPLATE;
+
   const jellyfishGui = container.querySelector(".jellyfish-gui") as HTMLElement;
+  const patientNameElement = jellyfishGui.querySelector(
+    ".jellyfish-patient-name"
+  ) as HTMLElement;
+  const jellyfishPlotContainer = jellyfishGui.querySelector(
+    ".jellyfish-plot-container"
+  ) as HTMLElement;
 
   const { generalProps, layoutProps, costWeights } =
     getSavedOrDefaultSettings();
@@ -46,6 +53,15 @@ export function setupGui(
   const patients = Array.from(new Set(tables.samples.map((d) => d.patient)));
   generalProps.patient ??= patients[0];
 
+  const gui = new GUI({ container: jellyfishGui });
+  gui.onChange(saveSettings);
+
+  const isGuiOpen = () => !gui._closed;
+
+  gui.onOpenClose(() => {
+    patientNameElement.style.visibility = isGuiOpen() ? "hidden" : null;
+  });
+
   const onPatientChange = () => {
     updatePlot(
       jellyfishGui,
@@ -59,12 +75,11 @@ export function setupGui(
     translateX = 0;
     translateY = 0;
 
+    patientNameElement.textContent = generalProps.patient;
+
     onZoomOrPan();
   };
 
-  const gui = new GUI({ container: jellyfishGui });
-  gui.onChange(saveSettings);
-
   let patientController: Controller;
   if (patients.length > 1) {
     patientController = gui
@@ -135,10 +150,6 @@ export function setupGui(
     });
   }
 
-  const jellyfishPlotContainer = jellyfishGui.querySelector(
-    ".jellyfish-plot-container"
-  ) as HTMLElement;
-
   jellyfishPlotContainer.addEventListener("mousedown", (event: MouseEvent) => {
     if (event.button !== 0) {
       return;
@@ -348,6 +359,7 @@ const HTML_TEMPLATE = `
         </svg>
         <span>Previous</span>
       </button>
+      <div class="jellyfish-patient-name"></div>
       <button class="jellyfish-next-patient">
         <span>Next</span>
         <svg viewBox="0 0 8 16" fill="currentColor">
diff --git a/style.css b/style.css
index 81c2956..df80cbb 100644
--- a/style.css
+++ b/style.css
@@ -41,10 +41,11 @@ body {
 .jellyfish-patient-nav {
   display: flex;
   justify-content: space-between;
+  align-items: flex-end;
 
   position: absolute;
 
-  --margin: 2em;
+  --margin: 1.5em;
 
   bottom: var(--margin);
   left: var(--margin);
@@ -79,6 +80,15 @@ body {
   background-color: #e8e8e8;
 }
 
+.jellyfish-patient-name {
+  font-size: 0.9rem;
+  color: black;
+  opacity: 0.5;
+  background-color: white;
+  padding: 0.1em 0.2em;
+  border-radius: 4px;
+}
+
 .jellyfish-gui .lil-gui {
   --background-color: #f3f3f3;
   --text-color: #3d3d3d;