diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index 304b43c..3b697ba 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -58,10 +58,19 @@ const state = ref<"closed" | "loading" | "ok" | "err">("closed");
 const is_open = computed(() => state.value !== "closed");
 
 async function toggle(): Promise<void> {
-  if (is_open.value) {
-    state.value = "closed";
-  } else {
-    await load();
+  switch (state.value) {
+    case "closed":
+      // start opening when closed
+      await load();
+      break;
+
+    case "loading":
+      // don't toggle when loading
+      break;
+
+    default:
+      state.value = "closed";
+      break;
   }
 }