diff --git a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
index 1970bed..2f84296 100644
--- a/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaDetailPage.vue
@@ -29,6 +29,26 @@
         <AreaBadgeLink :area="parentArea" :areaId="area.parent_id" />
       </div>
 
+      <div class="actions-panel">
+        <div class="block-title">Actions ({{ areaActionScripts.length }})</div>
+        <AppEmptyState
+          v-if="areaActionScripts.length === 0"
+          title="No actions"
+          message="No action scripts assigned to this area."
+        />
+        <ActionScriptsGrid v-else :scripts="areaActionScripts" />
+      </div>
+
+      <div class="devices-panel">
+        <div class="block-title">Devices ({{ areasStore.currentAreaDevices.length }})</div>
+        <AppEmptyState
+          v-if="areasStore.currentAreaDevices.length === 0"
+          title="No devices"
+          message="No devices assigned to this area."
+        />
+        <DeviceTable v-else :devices="areasStore.currentAreaDevices" caption="Area devices" />
+      </div>
+
       <AreaAssignSection
         :areaId="area.parent_id > 0 ? area.parent_id : null"
         title="Parent area"
@@ -46,27 +66,7 @@
         </template>
       </AreaAssignSection>
 
-      <div class="devices-panel">
-        <div class="block-title">Devices ({{ areasStore.currentAreaDevices.length }})</div>
-        <AppEmptyState
-          v-if="areasStore.currentAreaDevices.length === 0"
-          title="No devices"
-          message="No devices assigned to this area."
-        />
-        <DeviceTable v-else :devices="areasStore.currentAreaDevices" caption="Area devices" />
-      </div>
-
-      <div class="actions-panel">
-        <div class="block-title">Actions ({{ areaActionScripts.length }})</div>
-        <AppEmptyState
-          v-if="areaActionScripts.length === 0"
-          title="No actions"
-          message="No action scripts assigned to this area."
-        />
-        <ActionScriptsGrid v-else :scripts="areaActionScripts" />
-      </div>
-
-      <div class="devices-panel">
+      <div class="scripts-panel">
         <div class="block-title">Scripts ({{ areasStore.currentAreaScripts.length }})</div>
         <AppEmptyState
           v-if="areasStore.currentAreaScripts.length === 0"
@@ -430,8 +430,9 @@
   color: var(--color-muted);
 }
 
+.actions-panel,
 .devices-panel,
-.actions-panel {
+.scripts-panel {
   margin-bottom: 24px;
 }