diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index e4213d8..0423651 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -4,7 +4,10 @@
       <p class="card-header-title" @click="toggle">{{ header }}</p>
       <p v-if="refreshable" class="card-header-icon px-0">
         <button class="tag button icon is-info" @click="refresh">
-          <font-awesome-icon icon="fa-solid fa-arrows-rotate" />
+          <font-awesome-icon
+            icon="fa-solid fa-arrows-rotate"
+            :spin="is_open && !ready"
+          />
         </button>
       </p>
       <button class="card-header-icon" @click="toggle">