diff --git a/dashboard/src/components/Ipv4Config.vue b/dashboard/src/components/Ipv4Config.vue
index 1185b3998..f2752fb73 100644
--- a/dashboard/src/components/Ipv4Config.vue
+++ b/dashboard/src/components/Ipv4Config.vue
@@ -71,6 +71,8 @@ async function onSubmit() {
   if (!isValid.value) return;
 
   editBusy.value = true;
+  editError.value = {};
+
   const [error] = await networkModel.setIpv4Config(editProvider.value, editAddress.value, editInterfaceName.value);
   if (error) {
     editBusy.value = false;
diff --git a/dashboard/src/components/Ipv6Config.vue b/dashboard/src/components/Ipv6Config.vue
index 0c06fd9e5..dac350d00 100644
--- a/dashboard/src/components/Ipv6Config.vue
+++ b/dashboard/src/components/Ipv6Config.vue
@@ -71,6 +71,8 @@ async function onSubmit() {
   if (!isValid.value) return;
 
   editBusy.value = true;
+  editError.value = {};
+
   const [error] = await networkModel.setIpv6Config(editProvider.value, editAddress.value, editInterfaceName.value);
   if (error) {
     editBusy.value = false;
@@ -111,7 +113,7 @@ onMounted(async () => {
             <FormGroup>
               <label for="providerInput">{{ $t('network.ip.provider') }} <sup><a href="https://docs.cloudron.io/networking/#ipv4" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
               <SingleSelect id="providerInput" v-model="editProvider" :options="providers" option-key="value" option-label="name"/>
-              <p class="has-error" v-show="editError.generic">{{ editError.generic }}</p>
+              <div class="error-label" v-show="editError.generic">{{ editError.generic }}</div>
             </FormGroup>
 
             <p v-show="editProvider === 'generic'">
@@ -120,17 +122,17 @@ onMounted(async () => {
 
             <!-- Fixed -->
             <FormGroup v-show="editProvider === 'fixed'">
-              <label for="addressInput">{{ $t('network.ipv4.address') }}</label>
+              <label for="addressInput">{{ $t('network.ipv6.address') }}</label>
               <TextInput id="addressInput" v-model="editAddress" :required="editProvider === 'fixed'" />
-              <p class="has-error" v-show="editError.ipv4">{{ editError.ipv4 }}</p>
+              <div class="error-label" v-show="editError.ipv4">{{ editError.ipv4 }}</div>
             </FormGroup>
 
             <!-- Network Interface -->
             <FormGroup v-show="editProvider === 'network-interface'">
               <label for="interfaceNameInput">{{ $t('network.ip.interface') }}</label>
-              <p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet -br addr</code></p>
               <TextInput id="interfaceNameInput" v-model="editInterfaceName" :required="editProvider === 'network-interface'" />
-              <p class="has-error" v-show="editError.ifname">{{ editError.ifname }}</p>
+              <div class="error-label" v-show="editError.ifname">{{ editError.ifname }}</div>
+              <p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet -br addr</code></p>
             </FormGroup>
           </fieldset>
         </form>