diff --git a/dashboard/src/components/Ipv4Config.vue b/dashboard/src/components/Ipv4Config.vue
index 1fbb5d846..15b7c9c2a 100644
--- a/dashboard/src/components/Ipv4Config.vue
+++ b/dashboard/src/components/Ipv4Config.vue
@@ -140,10 +140,6 @@ onMounted(async () => {
     </Dialog>
 
     <Section :title="$t('network.ip.title')">
-      <template #header-buttons>
-        <Button @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
-      </template>
-
       <div>{{ $t('network.ip.description') }}</div>
       <br/>
 
@@ -159,6 +155,8 @@ onMounted(async () => {
         <div class="info-label">{{ $t('network.ip.interface') }}</div>
         <div class="info-value">{{ interfaceName }}</div>
       </div>
+
+      <Button style="margin-top: 10px" @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
     </Section>
   </div>
 </template>
diff --git a/dashboard/src/components/Ipv6Config.vue b/dashboard/src/components/Ipv6Config.vue
index bbf78ca07..65ee0f076 100644
--- a/dashboard/src/components/Ipv6Config.vue
+++ b/dashboard/src/components/Ipv6Config.vue
@@ -140,10 +140,6 @@ onMounted(async () => {
     </Dialog>
 
     <Section :title="$t('network.ipv6.title')">
-      <template #header-buttons>
-        <Button @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
-      </template>
-
       <div>{{ $t('network.ipv6.description') }}</div>
       <br/>
 
@@ -159,6 +155,8 @@ onMounted(async () => {
         <div class="info-label">{{ $t('network.ip.interface') }}</div>
         <div class="info-value">{{ interfaceName }}</div>
       </div>
+
+      <Button style="margin-top: 10px" @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
     </Section>
   </div>
 </template>