diff --git a/src/layouts/DashboardLayout.vue b/src/layouts/DashboardLayout.vue
index 1adf1f7..408d8ad 100644
--- a/src/layouts/DashboardLayout.vue
+++ b/src/layouts/DashboardLayout.vue
@@ -237,8 +237,8 @@
               <span>{{ stats.stoppedContainers }} Stopped</span>
             </div>
           </div>
-          <button class="header-btn" :class="{ refreshing: isRefreshing }" @click="refreshAll">
-            <i class="pi pi-refresh" />
+          <button class="header-btn" :disabled="isRefreshing" @click="refreshAll">
+            <i :class="isRefreshing ? 'pi pi-spinner pi-spin' : 'pi pi-refresh'" />
           </button>
         </div>
       </header>
@@ -766,24 +766,6 @@ onMounted(() => {
   color: #334155;
 }
 
-.header-btn.refreshing {
-  pointer-events: none;
-  color: #3b82f6;
-}
-
-.header-btn.refreshing i {
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 .content-area {
   flex: 1;
   padding: 1.5rem;