diff --git a/neode-ui/src/views/Home.vue b/neode-ui/src/views/Home.vue
index b3fd097b..5f8ca3a1 100644
--- a/neode-ui/src/views/Home.vue
+++ b/neode-ui/src/views/Home.vue
@@ -67,7 +67,7 @@
         :class="{ 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
       >
         <!-- My Apps Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-1 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -101,7 +101,7 @@
         </div>
 
         <!-- Cloud Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-3 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -127,6 +127,7 @@
 
         <!-- Wallet Overview -->
         <HomeWalletCard
+          class="order-2 lg:order-none"
           :animate="animateCards"
           :wallet-connected="walletConnected"
           :wallet-onchain="walletOnchain"
@@ -146,7 +147,7 @@
         />
 
         <!-- Network Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-4 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -192,7 +193,7 @@
           v-if="homeRecommendedApps.length > 0"
           data-controller-container
           tabindex="0"
-          class="home-card controller-focusable lg:col-span-2"
+          class="home-card controller-focusable lg:col-span-2 order-5 lg:order-none"
           :class="{ 'home-card-animate': animateCards }"
           style="--card-stagger: 4"
         >
@@ -239,7 +240,7 @@
         <!-- Quick Start Goals -->
         <div
           v-if="showQuickStart"
-          class="home-card lg:col-span-2 transition-opacity duration-300"
+          class="home-card lg:col-span-2 transition-opacity duration-300 order-6 lg:order-none"
           :class="{ 'home-card-animate': animateCards, 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
           style="--card-stagger: 5"
         >
@@ -265,6 +266,7 @@
 
         <!-- System Stats -->
         <HomeSystemCard
+          class="order-7 lg:order-none"
           :animate="animateCards"
           :loaded="systemStatsLoaded"
           :stats="systemStats"