diff --git a/dashboard/src/components/DiskUsageItem.vue b/dashboard/src/components/DiskUsageItem.vue
index cb552fe6b..e93b4cd1d 100644
--- a/dashboard/src/components/DiskUsageItem.vue
+++ b/dashboard/src/components/DiskUsageItem.vue
@@ -142,7 +142,7 @@ onUnmounted(() => {
         <div class="disk-used" v-for="content in contents" :key="content.id" v-tooltip="content.id" @mouseover="highlight = content.id" :style="{ 'background-color': content.color, width: 100*content.usage/filesystem.size + '%' }" :class="{ highlight: highlight === content.id }"></div>
       </div>
 
-      <div v-if="percent < 100" style="text-align: center;">Calculating speed and disk usage ... {{ percent }}%</div>
+      <div v-if="percent < 100" style="text-align: center; margin-top: 10px;">Calculating speed and disk usage ... {{ percent }}%</div>
       <div v-else>
         <table style="width: 100%">
           <tr v-for="content in contents" :key="content.id" @mouseover="highlight = content.id" :class="{ highlight: highlight === content.id }">
@@ -155,7 +155,7 @@ onUnmounted(() => {
     </div>
     <div v-else>
       <ProgressBar :value="parseInt(filesystem.capacity*100)" :show-label="false"/>
-      <div style="text-align: center">
+      <div style="text-align: center; margin-top: 10px;">
         <Button plain @click="onExpand()">Details</Button>
       </div>
     </div>