diff --git a/pkg/harvester/components/BootOrderCard.vue b/pkg/harvester/components/BootOrderCard.vue
new file mode 100644
index 00000000000..66f3a74b1fd
--- /dev/null
+++ b/pkg/harvester/components/BootOrderCard.vue
@@ -0,0 +1,143 @@
+<script>
+import { _VIEW } from '@shell/config/query-params';
+
+export default {
+  name: 'BootOrderCard',
+
+  props: {
+    value: {
+      type:     Object,
+      required: true
+    },
+
+    index: {
+      type:    Number,
+      default: 0
+    },
+
+    count: {
+      type:    Number,
+      default: 0
+    },
+
+    showButtons: {
+      type:    Boolean,
+      default: true
+    },
+
+    mode: {
+      type:     String,
+      required: true
+    },
+
+    disabled: {
+      type:    Boolean,
+      default: false
+    }
+  },
+
+  computed: {
+    isView() {
+      return this.mode === _VIEW;
+    },
+  },
+
+  methods: {
+    swap(dir) {
+      this.$emit('input', dir);
+    },
+    onMouseDown() {
+      this.$emit('mousedown');
+    },
+    onMouseUp() {
+      this.$emit('mouseup');
+    },
+  }
+};
+</script>
+
+<template>
+  <div
+    class="boot-order-card"
+    :class="{ disabled: disabled }"
+    @mousedown="onMouseDown"
+    @mouseup="onMouseUp"
+  >
+    <div class="content">
+      <div class="body">
+        <h3>{{ value.name }}</h3>
+      </div>
+      <div class="description text-muted">
+        <span>{{ value.type }}</span>
+      </div>
+    </div>
+    <slot name="buttons">
+      <div v-if="!isView && showButtons" class="buttons actions" @mousedown.stop @mouseup.stop>
+        <div class="buttons-container">
+          <button :disabled="index === 0" class="btn btn-sm role-primary" @click.prevent="swap(-1)">
+            <i class="icon icon-lg icon-chevron-up"></i>
+          </button>
+
+          <button :disabled="index === count - 1" class="btn btn-sm role-primary" @click.prevent="swap(1)">
+            <i class="icon icon-lg icon-chevron-down"></i>
+          </button>
+        </div>
+      </div>
+    </slot>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .boot-order-card {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    border: 1px solid var(--tabbed-border);
+    box-shadow: 0 0 10px var(--shadow);
+    border-radius: var(--border-radius);
+
+    height: 65px;
+    padding: 10px;
+
+    &.disabled {
+      cursor: not-allowed;
+      h3 {
+        color: var(--muted) !important;
+      }
+    }
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      .body {
+        max-width: 500px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        h3 {
+          margin: 0;
+        }
+      }
+      .description {
+        max-width: 550px;
+        word-wrap: break-word;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .actions {
+      display: flex;
+      padding-top: 6px;
+
+      .buttons-container {
+        .btn {
+          margin-left: 4px;
+        }
+      }
+    }
+  }
+</style>
diff --git a/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue b/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
index e3032ffacd6..f7faae7e902 100644
--- a/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
+++ b/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
@@ -13,6 +13,7 @@ import { allDashboardsExist } from '@shell/utils/grafana';
 import CloudConfig from '../../edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
 import Volume from '../../edit/kubevirt.io.virtualmachine/VirtualMachineVolume';
 import Network from '../../edit/kubevirt.io.virtualmachine/VirtualMachineNetwork';
+import BootOrder from '../../edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder';
 import NodeScheduling from '@shell/components/form/NodeScheduling';
 import PodAffinity from '@shell/components/form/PodAffinity';
 import AccessCredentials from '../../edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials';
@@ -29,6 +30,7 @@ export default {
   name: 'VMIDetailsPage',
 
   components: {
+    BootOrder,
     Tab,
     Tabbed,
     Events,
@@ -175,6 +177,13 @@ export default {
         <Network v-model="networkRows" mode="view" />
       </Tab>
 
+      <Tab name="BootOrder" :label="t('harvester.tab.boot-order')" :weight="4">
+        <BootOrder
+          :value="bootOrderDevices"
+          :mode="mode"
+        />
+      </Tab>
+
       <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="3">
         <OverviewKeypairs v-model="value" />
       </Tab>
diff --git a/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue b/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
index 72dd744f2bd..937a80c6b2e 100644
--- a/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
+++ b/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
@@ -15,6 +15,7 @@ import UnitInput from '@shell/components/form/UnitInput';
 import Reserved from './kubevirt.io.virtualmachine/VirtualMachineReserved';
 import Volume from './kubevirt.io.virtualmachine/VirtualMachineVolume';
 import Network from './kubevirt.io.virtualmachine/VirtualMachineNetwork';
+import BootOrder from './kubevirt.io.virtualmachine/VirtualMachineBootOrder';
 import CpuMemory from './kubevirt.io.virtualmachine/VirtualMachineCpuMemory';
 import CloudConfig from './kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
 import SSHKey from './kubevirt.io.virtualmachine/VirtualMachineSSHKey';
@@ -33,6 +34,7 @@ export default {
   name: 'HarvesterEditVMTemplate',
 
   components: {
+    BootOrder,
     Tab,
     SSHKey,
     Volume,
@@ -254,6 +256,13 @@ export default {
         <Network v-model="networkRows" :mode="mode" />
       </Tab>
 
+      <Tab name="BootOrder" :label="t('harvester.tab.boot-order')" :weight="-3">
+        <BootOrder
+          :value="bootOrderDevices"
+          :mode="mode"
+        />
+      </Tab>
+
       <Tab
         name="nodeScheduling"
         :label="t('workload.container.titles.nodeScheduling')"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue
new file mode 100644
index 00000000000..0c1c61217b8
--- /dev/null
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineBootOrder/index.vue
@@ -0,0 +1,416 @@
+<script>
+import Vue from 'vue';
+import draggable from 'vuedraggable';
+import BootOrderCard from '../../../components/BootOrderCard';
+
+import { _VIEW } from '@shell/config/query-params';
+import { clone } from '@shell/utils/object';
+import { BOOT_ORDER_TYPE } from '../../../mixins/harvester-vm';
+
+function getId(elem) {
+  return `${ elem.type }_${ elem.index }_${ elem.id }`;
+}
+
+export default {
+  components: {
+    draggable,
+    BootOrderCard
+  },
+
+  props: {
+    value: {
+      type:    Array,
+      default: () => {
+        return [];
+      }
+    },
+
+    mode: {
+      type:     String,
+      required: true
+    },
+  },
+
+  data() {
+    return {
+      ordered:     [],
+      unordered:   [],
+      bootOrders:  [],
+      hideLast:    false,
+      showNext:    null,
+      hideButtons: null,
+    };
+  },
+
+  computed: {
+    isView() {
+      return this.mode === _VIEW;
+    },
+  },
+
+  watch: {
+    value: {
+      handler(neu) {
+        const value = clone(neu);
+
+        const ordered = value.filter(f => f.bootOrder).sort((a, b) => a.bootOrder - b.bootOrder);
+
+        const oldUnorderedIds = this.unordered.map(getId);
+        const unordered = value.filter(f => !f.bootOrder).sort((a, b) => oldUnorderedIds.indexOf(getId(a)) - oldUnorderedIds.indexOf(getId(b)));
+
+        const bootOrders = ordered.map(r => r.bootOrder);
+
+        Vue.set(this, 'ordered', ordered);
+        Vue.set(this, 'unordered', unordered);
+        Vue.set(this, 'bootOrders', bootOrders);
+      },
+      immediate: true,
+      deep:      true,
+    },
+  },
+
+  methods: {
+    findElem(elem) {
+      return this.value.find(f => getId(f) === getId(elem));
+    },
+
+    getNextBootOrder() {
+      let bootOrder = 1;
+
+      while (this.bootOrders.includes(bootOrder)) {
+        bootOrder++;
+      }
+
+      return bootOrder;
+    },
+
+    addBootOrder() {
+      this.bootOrders = [
+        ...this.bootOrders,
+        this.getNextBootOrder()
+      ].sort();
+    },
+
+    onMoveOrdered(v) {
+      if (v.from.id === 'ordered' && v.to.id === 'unordered') {
+        this.hideLast = true;
+      } else {
+        this.hideLast = false;
+      }
+    },
+
+    onMoveUnordered(v) {
+      if (v.from.id === 'unordered' && v.to.id === 'ordered') {
+        if (!this.showNext) {
+          this.showNext = [
+            ...this.bootOrders,
+            this.getNextBootOrder()
+          ].sort();
+        }
+      } else {
+        this.showNext = null;
+      }
+    },
+
+    onMouseDownOrdered(index) {
+      this.hideButtons = index;
+    },
+
+    onMouseUpOrdered() {
+      this.hideButtons = null;
+    },
+
+    swapOrdered(index1, index2) {
+      const ordered = clone(this.ordered);
+
+      const temp = ordered[index1];
+
+      ordered[index1] = ordered[index2];
+      ordered[index2] = temp;
+
+      this.ordered = ordered;
+
+      this.update();
+    },
+
+    swapToOrdered() {
+      this.addBootOrder();
+      this.ordered.push(this.unordered[0]);
+      this.unordered.splice(0, 1);
+
+      this.update();
+    },
+
+    swapToOrderedAll() {
+      this.unordered.forEach(this.addBootOrder);
+      this.ordered.push(...this.unordered);
+      this.unordered = [];
+
+      this.update();
+    },
+
+    swapToUnordered() {
+      this.bootOrders.pop();
+
+      this.unordered.push(this.ordered[this.ordered.length - 1]);
+      this.ordered.splice(this.ordered.length - 1, 1);
+
+      this.update();
+    },
+
+    swapToUnorderedAll() {
+      this.bootOrders = [];
+
+      this.unordered.push(...this.ordered);
+      this.ordered = [];
+
+      this.update();
+    },
+
+    dragEndOrdered(v) {
+      if (v.to.id === 'unordered') {
+        this.bootOrders.pop();
+      }
+
+      this.hideLast = false;
+      this.showNext = null;
+      this.hideButtons = null;
+
+      this.update();
+    },
+
+    dragEndUnordered(v) {
+      if (v.to.id === 'ordered') {
+        this.addBootOrder();
+      }
+      this.hideLast = false;
+      this.showNext = null;
+
+      this.update();
+    },
+
+    updateRows(bootOrderGetter) {
+      return (r, index) => {
+        const el = this.findElem(r);
+
+        el.bootOrder = bootOrderGetter(index);
+
+        return el;
+      };
+    },
+
+    update() {
+      const rows = [
+        ...this.ordered.map(this.updateRows(i => this.bootOrders[i])),
+        ...this.unordered.map(this.updateRows(() => undefined))
+      ];
+
+      const diskRows = rows.filter(f => f.type === BOOT_ORDER_TYPE.DISK);
+      const networkRows = rows.filter(f => f.type === BOOT_ORDER_TYPE.INTERFACE);
+
+      this.$emit('input', {
+        diskRows,
+        networkRows
+      });
+    },
+  }
+};
+</script>
+
+<template>
+  <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
+          v-for="(pos, index) in showNext"
+          :key="index"
+          class="position-container"
+        >
+          <h4>{{ pos }}</h4>
+        </div>
+      </div>
+      <div v-else>
+        <div
+          v-for="(pos, index) in bootOrders"
+          :key="index"
+          class="position-container"
+        >
+          <h4 v-if="!(hideLast && index === bootOrders.length - 1)">
+            {{ pos }}
+          </h4>
+        </div>
+      </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 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="swapToOrderedAll">
+            <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="swapToOrdered">
+            <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="swapToUnordered">
+            <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="swapToUnorderedAll">
+            <i class="icon icon-lg icon-chevron-end"></i>
+          </button>
+        </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"
+              :disabled="isView"
+            />
+          </div>
+        </draggable>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang='scss' scoped>
+
+  .base-container {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .boot-order {
+    width: 30px;
+    .position-container {
+      min-height: 65px;
+      width: 30px;
+      margin-bottom: 5px;
+      display: flex;
+      align-items: center;
+
+      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 {
+        margin-bottom: 5px;
+      }
+
+      .card-title-slot {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+
+        .actions {
+          margin-left: auto;
+        }
+      }
+    }
+  }
+
+.icon-chevron-up, .icon-chevron-down {
+  transform: rotate(-90deg);
+}
+
+.swap-buttons {
+  display: flex;
+  flex-direction: column;
+
+  margin: 20px 20px 0 15px;
+
+  .buttons-container {
+    display: flex;
+    flex-direction: column;
+    vertical-align: middle;
+    min-height: 150px;
+  }
+}
+
+.actions {
+  min-height: 65px;
+  margin-bottom: 5px;
+  padding-top: 0;
+}
+
+.buttons-container {
+  height: 30px;
+  display: flex;
+}
+
+.card-container {
+  min-height: 130px;
+}
+
+.list-group:empty,
+.list-group > div:empty {
+  margin-top: 20px;
+  padding:1rem;
+  text-align:center;
+}
+
+.list-group:empty:before,
+.list-group > div:empty:before {
+  content: 'Drop devices here';
+}
+</style>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
index 91781a59348..fdfec26cca8 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
@@ -1,6 +1,8 @@
 <script>
+import Vue from 'vue';
 import InfoBox from '@shell/components/InfoBox';
 import Base from './base';
+import { Banner } from '@components/Banner';
 
 import { NETWORK_ATTACHMENT } from '@shell/config/types';
 import { HCI as HCI_ANNOTATIONS } from '../../../config/labels-annotations';
@@ -11,7 +13,9 @@ import { removeObject } from '@shell/utils/array';
 import { _VIEW } from '@shell/config/query-params';
 
 export default {
-  components: { InfoBox, Base },
+  components: {
+    InfoBox, Base, Banner
+  },
 
   props: {
     mode: {
@@ -64,19 +68,30 @@ export default {
 
       return out;
     },
+
+    bootOrders() {
+      return this.rows.map(r => r.bootOrder);
+    }
   },
 
   watch: {
-    value(neu) {
-      this.rows = neu;
-    },
+    value: {
+      handler(neu) {
+        const rows = clone(neu).sort((a, b) => (a.bootOrder || 999999) - (b.bootOrder || 999999));
+
+        Vue.set(this, 'rows', rows);
+      },
+      immediate: true,
+      deep:      true,
+    }
   },
 
   methods: {
-    add(type) {
+    add() {
       const name = this.generateName();
 
       const neu = {
+        index:       this.rows.length + 1,
         name,
         networkName: '',
         model:       'virtio',
@@ -125,6 +140,7 @@ export default {
 
 <template>
   <div>
+    <Banner v-if="!isView" color="info" label-key="harvester.virtualMachine.network.bootOrderTip" />
     <InfoBox v-for="(row, i) in rows" :key="i" class="infoBox">
       <button v-if="!isView" type="button" class="role-link remove-vol" @click="remove(row)">
         <i class="icon icon-x" />
@@ -141,6 +157,10 @@ export default {
         :network-option="networkOption"
         @update="update"
       />
+
+      <div v-if="bootOrders[i]" class="text-muted mt-20">
+        bootOrder: {{ bootOrders[i] }}
+      </div>
     </InfoBox>
 
     <button v-if="!isView" type="button" class="btn btn-sm bg-primary" @click="add">
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
index 69a3b5d54dc..bc5367073d6 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
@@ -125,12 +125,16 @@ export default {
     pvcs() {
       return this.$store.getters['harvester/all'](PVC) || [];
     },
+
+    bootOrders() {
+      return this.rows.map(r => r.bootOrder);
+    }
   },
 
   watch: {
     value: {
       handler(neu) {
-        const rows = neu.map((V) => {
+        const rows = clone(neu).map((V) => {
           if (!this.isCreate && V.source !== SOURCE_TYPE.CONTAINER && !V.newCreateId) {
             V.to = {
               name:   `${ HARVESTER_PRODUCT }-c-cluster-resource-namespace-id`,
@@ -146,7 +150,7 @@ export default {
           }
 
           return V;
-        });
+        }).sort((a, b) => (a.bootOrder || 999999) - (b.bootOrder || 999999));
 
         this.$set(this, 'rows', rows);
       },
@@ -245,12 +249,6 @@ export default {
       this.$refs.deleteTip.hide();
     },
 
-    changeSort(idx, type) {
-      // true: down, false: up
-      this.rows.splice(type ? idx : idx - 1, 1, ...this.rows.splice(type ? idx + 1 : idx, 1, this.rows[type ? idx : idx - 1]));
-      this.update();
-    },
-
     getImageDisplayName(id) {
       return this.$store.getters['harvester/all'](HCI.IMAGE).find(image => image.id === id)?.spec?.displayName;
     }
@@ -260,7 +258,7 @@ export default {
 
 <template>
   <div>
-    <Banner v-if="!isView" color="info" label-key="harvester.virtualMachine.volume.dragTip" />
+    <Banner v-if="!isView" color="info" label-key="harvester.virtualMachine.volume.bootOrderTip" />
     <draggable v-model="rows" :disabled="isView" @end="update">
       <transition-group>
         <div v-for="(volume, i) in rows" :key="volume.id">
@@ -311,20 +309,8 @@ export default {
               />
             </div>
 
-            <div class="bootOrder">
-              <div v-if="!isView" class="mr-15">
-                <button :disabled="i === 0" class="btn btn-sm role-primary" @click.prevent="changeSort(i, false)">
-                  <i class="icon icon-lg icon-chevron-up"></i>
-                </button>
-
-                <button :disabled="i === rows.length -1" class="btn btn-sm role-primary" @click.prevent="changeSort(i, true)">
-                  <i class="icon icon-lg icon-chevron-down"></i>
-                </button>
-              </div>
-
-              <div class="text-muted">
-                bootOrder: {{ i + 1 }}
-              </div>
+            <div v-if="bootOrders[i]" class="text-muted">
+              bootOrder: {{ bootOrders[i] }}
             </div>
 
             <Banner v-if="volume.volumeStatus && !isCreate" class="mt-15 volume-status" color="warning" :label="volume.volumeStatus" />
@@ -405,11 +391,6 @@ export default {
     padding: 0px;
   }
 
-  .bootOrder {
-    display: flex;
-    align-items: center;
-  }
-
   .buttons {
     width: 100%;
     display: flex;
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
index af95611559b..d46c74e356e 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
@@ -17,6 +17,7 @@ import Reserved from './VirtualMachineReserved';
 import SSHKey from './VirtualMachineSSHKey';
 import Volume from './VirtualMachineVolume';
 import Network from './VirtualMachineNetwork';
+import BootOrder from './VirtualMachineBootOrder';
 import CpuMemory from './VirtualMachineCpuMemory';
 import CloudConfig from './VirtualMachineCloudConfig';
 import NodeScheduling from '@shell/components/form/NodeScheduling';
@@ -43,6 +44,7 @@ export default {
   name: 'HarvesterEditVM',
 
   components: {
+    BootOrder,
     Tab,
     Tabbed,
     Checkbox,
@@ -429,6 +431,11 @@ export default {
 
       return out;
     },
+
+    onBootOrderChange({ diskRows, networkRows }) {
+      this.diskRows = diskRows;
+      this.networkRows = networkRows;
+    }
   },
 };
 </script>
@@ -541,13 +548,21 @@ export default {
         <Network v-model="networkRows" :mode="mode" :is-single="isSingle" />
       </Tab>
 
-      <Tab name="nodeScheduling" :label="t('workload.container.titles.nodeScheduling')" :weight="-3">
+      <Tab name="BootOrder" :label="t('harvester.tab.boot-order')" :weight="-3">
+        <BootOrder
+          :value="bootOrderDevices"
+          :mode="mode"
+          @input="onBootOrderChange"
+        />
+      </Tab>
+
+      <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"
@@ -561,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">
diff --git a/pkg/harvester/l10n/en-us.yaml b/pkg/harvester/l10n/en-us.yaml
index e85e813eec8..7ae8c31d394 100644
--- a/pkg/harvester/l10n/en-us.yaml
+++ b/pkg/harvester/l10n/en-us.yaml
@@ -185,6 +185,7 @@ harvester:
   tab:
     volume: Volumes
     network: Networks
+    boot-order: Boot Order
     advanced: Advanced Options
     accessCredentials: Access Credentials
     pciDevices: PCI Devices
@@ -500,8 +501,10 @@ harvester:
     imageTip: An external URL to the .iso, .img, .qcow2 or .raw that the virtual machine should be created from.
     efiEnabled: Booting in EFI mode
     secureBoot: Secure Boot
+    bootOrder:
+      dragTip: Drag and drop devices, or use the device's arrows, to change the boot order.
     volume:
-      dragTip: Drag and drop volumes, or use the volume's arrows, to change the boot order.
+      bootOrderTip: To change the boot order go to Boot Order tab.
       volumeTip: The VM only contains a cd-rom volume. You may want to add additional disk volumes.
       macTip: "MAC address as seen inside the guest system."
       volumeUpdate: 'Set volume { name } successfully'
@@ -527,6 +530,7 @@ harvester:
         title: Are you sure?
         message: Are you sure you want to unmount this volume?
     network:
+      bootOrderTip: To change the boot order go to Boot Order tab.
       title: Network
       addNetwork: Add Network
       addPort:  Add Port
diff --git a/pkg/harvester/mixins/harvester-vm/index.js b/pkg/harvester/mixins/harvester-vm/index.js
index ac78170814a..a584a6e3e1f 100644
--- a/pkg/harvester/mixins/harvester-vm/index.js
+++ b/pkg/harvester/mixins/harvester-vm/index.js
@@ -23,6 +23,18 @@ import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations
 import impl, { QGA_JSON, USB_TABLET } from './impl';
 import { uniq } from '@shell/utils/array';
 
+function asBootOrderDevice(type) {
+  return el => ({
+    ...el,
+    type
+  });
+}
+
+export const BOOT_ORDER_TYPE = {
+  DISK:      'disk',
+  INTERFACE: 'interface'
+};
+
 export const MANAGEMENT_NETWORK = 'management Network';
 
 export const OS = [{
@@ -282,6 +294,13 @@ export default {
         topologyKeyPlaceholder: this.t('harvesterManager.affinity.topologyKey.placeholder')
       };
     },
+
+    bootOrderDevices() {
+      return [
+        ...this.networkRows?.map(asBootOrderDevice(BOOT_ORDER_TYPE.INTERFACE)),
+        ...this.diskRows?.map(asBootOrderDevice(BOOT_ORDER_TYPE.DISK))
+      ];
+    }
   },
 
   async created() {
@@ -403,6 +422,7 @@ export default {
         out.push({
           id:               randomStr(5),
           source:           SOURCE_TYPE.IMAGE,
+          bootOrder:        1,
           name:             'disk-0',
           accessMode:       'ReadWriteMany',
           bus:              'virtio',
@@ -414,7 +434,7 @@ export default {
           volumeMode:       'Block',
         });
       } else {
-        out = _disks.map( (DISK, index) => {
+        out = _disks.map( (DISK) => {
           const volume = _volumes.find( V => V.name === DISK.name );
 
           let size = '';
@@ -477,8 +497,6 @@ export default {
 
           const bus = DISK?.disk?.bus || DISK?.cdrom?.bus;
 
-          const bootOrder = DISK?.bootOrder ? DISK?.bootOrder : index;
-
           const parseValue = parseSi(size);
 
           const formatSize = formatSi(parseValue, {
@@ -492,7 +510,7 @@ export default {
 
           return {
             id:         randomStr(5),
-            bootOrder,
+            bootOrder:  DISK?.bootOrder,
             source,
             name:       DISK.name,
             realName,
@@ -581,7 +599,7 @@ export default {
       const diskNameLables = [];
       const volumeClaimTemplates = [];
 
-      disk.forEach( (R, index) => {
+      disk.forEach( (R) => {
         const prefixName = this.value.metadata?.name || '';
 
         let dataVolumeName = '';
@@ -594,7 +612,7 @@ export default {
           dataVolumeName = R.realName;
         }
 
-        const _disk = this.parseDisk(R, index);
+        const _disk = this.parseDisk(R);
         const _volume = this.parseVolume(R, dataVolumeName);
         const _dataVolumeTemplate = this.parseVolumeClaimTemplate(R, dataVolumeName);
 
@@ -869,8 +887,8 @@ export default {
       this.$set(this, 'memory', memory);
     },
 
-    parseDisk(R, index) {
-      const out = { name: R.name };
+    parseDisk(R) {
+      const out = { name: R.name, bootOrder: R.bootOrder };
 
       if (R.type === HARD_DISK) {
         out.disk = { bus: R.bus };
@@ -878,8 +896,6 @@ export default {
         out.cdrom = { bus: R.bus };
       }
 
-      out.bootOrder = index + 1;
-
       return out;
     },
 
@@ -957,6 +973,8 @@ export default {
       _interface.model = R.model;
       _interface.name = R.name;
 
+      _interface.bootOrder = R.bootOrder;
+
       return _interface;
     },