diff --git a/pkg/harvester/components/BootOrderCard.vue b/pkg/harvester/components/BootOrderCard.vue
index 066fb4d21b6..66f3a74b1fd 100644
--- a/pkg/harvester/components/BootOrderCard.vue
+++ b/pkg/harvester/components/BootOrderCard.vue
@@ -29,6 +29,11 @@ export default {
       type:     String,
       required: true
     },
+
+    disabled: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   computed: {
@@ -54,6 +59,7 @@ export default {
 <template>
   <div
     class="boot-order-card"
+    :class="{ disabled: disabled }"
     @mousedown="onMouseDown"
     @mouseup="onMouseUp"
   >
@@ -83,7 +89,7 @@ export default {
 
 <style lang="scss" scoped>
   .boot-order-card {
-        display: flex;
+    display: flex;
     flex-direction: row;
     justify-content: space-between;
 
@@ -94,6 +100,13 @@ export default {
     height: 65px;
     padding: 10px;
 
+    &.disabled {
+      cursor: not-allowed;
+      h3 {
+        color: var(--muted) !important;
+      }
+    }
+
     .content {
       display: flex;
       flex-direction: column;
@@ -123,7 +136,7 @@ export default {
       .buttons-container {
         .btn {
           margin-left: 4px;
-                  }
+        }
       }
     }
   }
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue
index 5fe015aef41..60b98e70d34 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue
@@ -223,7 +223,10 @@ export default {
 </script>
 
 <template>
-  <div class="container">
+  <div v-if="value.length === 0">
+    <span>No devices</span>
+  </div>
+  <div v-else class="base-container">
     <div class="boot-order">
       <div v-if="showNext">
         <div
@@ -245,98 +248,125 @@ export default {
           </h4>
         </div>
       </div>
-    </div>
-    <div class="devices">
-      <draggable
-        :id="'ordered'"
-        v-model="ordered"
-        :disabled="isView"
-        group="rows"
-        class="list-group ordered"
-        :move="onMoveOrdered"
-        @end="dragEndOrdered"
-      >
-        <div v-for="(row, index) in ordered" :key="index">
-          <BootOrderCard
-            class="card"
-            :value="row"
-            :show-buttons="hideButtons !== index"
-            :index="index"
-            :count="ordered.length"
-            :mode="mode"
-            @input="swapOrdered(index, index + $event)"
-            @mousedown="onMouseDownOrdered(index)"
-            @mouseup="onMouseUpOrdered"
-          />
+      <!-- <div v-if="isView" class="mt-25">
+        <div
+          v-for="(pos, index) in unordered"
+          :key="index"
+          class="position-container"
+        >
+          <h4 class="text-muted">
+            &mdash;
+          </h4>
         </div>
-      </draggable>
+      </div> -->
     </div>
+    <div class="container" :class="{ 'is-view': isView }">
+      <div class="devices">
+        <draggable
+          :id="'ordered'"
+          v-model="ordered"
+          :disabled="isView"
+          group="rows"
+          class="list-group ordered"
+          :move="onMoveOrdered"
+          @end="dragEndOrdered"
+        >
+          <div v-for="(row, index) in ordered" :key="index">
+            <BootOrderCard
+              class="card"
+              :value="row"
+              :show-buttons="hideButtons !== index"
+              :index="index"
+              :count="ordered.length"
+              :mode="mode"
+              @input="swapOrdered(index, index + $event)"
+              @mousedown="onMouseDownOrdered(index)"
+              @mouseup="onMouseUpOrdered"
+            />
+          </div>
+        </draggable>
+      </div>
 
-    <div class="swap-buttons actions ml-15">
-      <div class="buttons-container">
-        <button :disabled="unordered.length === 0" class="btn btn-sm role-primary ml-5" @click.prevent="swapToUnorderedAll">
-          <i class="icon icon-lg icon-chevron-beginning"></i>
-        </button>
+      <div v-if="!isView" class="swap-buttons actions ml-15">
+        <div class="buttons-container">
+          <button :disabled="unordered.length === 0" class="btn btn-sm role-primary ml-5" @click.prevent="swapToUnorderedAll">
+            <i class="icon icon-lg icon-chevron-beginning"></i>
+          </button>
 
-        <button :disabled="unordered.length === 0" class="btn btn-sm role-primary mt-5 ml-5" @click.prevent="swapToUnordered">
-          <i class="icon icon-lg icon-chevron-up"></i>
-        </button>
+          <button :disabled="unordered.length === 0" class="btn btn-sm role-primary mt-5 ml-5" @click.prevent="swapToUnordered">
+            <i class="icon icon-lg icon-chevron-up"></i>
+          </button>
 
-        <button :disabled="ordered.length === 0" class="btn btn-sm role-primary mt-20 ml-5" @click.prevent="swapToOrdered">
-          <i class="icon icon-lg icon-chevron-down"></i>
-        </button>
+          <button :disabled="ordered.length === 0" class="btn btn-sm role-primary mt-20 ml-5" @click.prevent="swapToOrdered">
+            <i class="icon icon-lg icon-chevron-down"></i>
+          </button>
 
-        <button :disabled="ordered.length === 0" class="btn btn-sm role-primary mt-5 ml-5" @click.prevent="swapToOrderedAll">
-          <i class="icon icon-lg icon-chevron-end"></i>
-        </button>
+          <button :disabled="ordered.length === 0" class="btn btn-sm role-primary mt-5 ml-5" @click.prevent="swapToOrderedAll">
+            <i class="icon icon-lg icon-chevron-end"></i>
+          </button>
+        </div>
       </div>
-    </div>
 
-    <div class="devices">
-      <draggable
-        :id="'unordered'"
-        v-model="unordered"
-        :disabled="isView"
-        group="rows"
-        class="list-group unordered"
-        :move="onMoveUnordered"
-        @end="dragEndUnordered"
-      >
-        <div v-for="(row, index) in unordered" :key="index">
-          <BootOrderCard
-            class="card"
-            :value="row"
-            :showButtons="false"
-            :mode="mode"
-          />
-        </div>
-      </draggable>
+      <div class="devices">
+        <draggable
+          :id="'unordered'"
+          v-model="unordered"
+          :disabled="isView"
+          group="rows"
+          class="list-group unordered"
+          :move="onMoveUnordered"
+          @end="dragEndUnordered"
+        >
+          <div v-for="(row, index) in unordered" :key="index">
+            <BootOrderCard
+              class="card"
+              :value="row"
+              :showButtons="false"
+              :mode="mode"
+              :disabled="isView"
+            />
+          </div>
+        </draggable>
+      </div>
     </div>
   </div>
 </template>
 
 <style lang='scss' scoped>
-  .container {
+
+  .base-container {
     display: flex;
     flex-direction: row;
+  }
 
-    .boot-order {
+  .boot-order {
+    width: 30px;
+    .position-container {
+      min-height: 65px;
       width: 30px;
-      .position-container {
-        min-height: 65px;
-        width: 30px;
-        margin-bottom: 5px;
-        display: flex;
-        align-items: center;
+      margin-bottom: 5px;
+      display: flex;
+      align-items: center;
 
-        h4 {
-          margin: 0;
-        }
+      h4 {
+        margin: 0;
       }
     }
+  }
+
+  .container {
+    display: flex;
+    flex-direction: row;
+    padding-left: 0;
+
+    &.is-view {
+      flex-direction: column;
+      gap: 20px;
+    }
 
     .devices {
       width: inherit;
+      min-width: 200px;
       max-width: 500px;
 
       .card {
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
index 954ebe1eba4..d46c74e356e 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
@@ -548,7 +548,7 @@ export default {
         <Network v-model="networkRows" :mode="mode" :is-single="isSingle" />
       </Tab>
 
-      <Tab name="BootOrder" :label="t('harvester.tab.boot-order')" :weight="-2">
+      <Tab name="BootOrder" :label="t('harvester.tab.boot-order')" :weight="-3">
         <BootOrder
           :value="bootOrderDevices"
           :mode="mode"
@@ -556,13 +556,13 @@ export default {
         />
       </Tab>
 
-      <Tab name="nodeScheduling" :label="t('workload.container.titles.nodeScheduling')" :weight="-3">
+      <Tab name="nodeScheduling" :label="t('workload.container.titles.nodeScheduling')" :weight="-4">
         <template #default="{active}">
           <NodeScheduling :key="active" :mode="mode" :value="spec.template.spec" :nodes="nodesIdOptions" />
         </template>
       </Tab>
 
-      <Tab :label="t('harvester.tab.vmScheduling')" name="vmScheduling" :weight="-4">
+      <Tab :label="t('harvester.tab.vmScheduling')" name="vmScheduling" :weight="-5">
         <template #default="{active}">
           <PodAffinity
             :key="active"
@@ -576,22 +576,22 @@ export default {
         </template>
       </Tab>
 
-      <Tab v-if="enabledPCI" :label="t('harvester.tab.pciDevices')" name="pciDevices" :weight="-5">
+      <Tab v-if="enabledPCI" :label="t('harvester.tab.pciDevices')" name="pciDevices" :weight="-6">
         <PciDevices :mode="mode" :value="spec.template.spec" :vm="value" />
       </Tab>
 
-      <Tab v-if="enabledSriovgpu" :label="t('harvester.tab.vGpuDevices')" name="vGpuDevices" :weight="-6">
+      <Tab v-if="enabledSriovgpu" :label="t('harvester.tab.vGpuDevices')" name="vGpuDevices" :weight="-7">
         <VirtualMachineVGpuDevices :mode="mode" :value="spec.template.spec" :vm="value" />
       </Tab>
 
-      <Tab v-if="isEdit" :label="t('harvester.tab.accessCredentials')" name="accessCredentials" :weight="-7">
+      <Tab v-if="isEdit" :label="t('harvester.tab.accessCredentials')" name="accessCredentials" :weight="-8">
         <AccessCredentials v-model="accessCredentials" :mode="mode" :resource="value" :is-qemu-installed="isQemuInstalled" />
       </Tab>
 
       <Tab
         name="advanced"
         :label="t('harvester.tab.advanced')"
-        :weight="-8"
+        :weight="-9"
       >
         <div class="row mb-20">
           <div class="col span-6">