diff --git a/src/nginxconfig/templates/domain_sections/logging.vue b/src/nginxconfig/templates/domain_sections/logging.vue
index c0a4abd..aa6203e 100644
--- a/src/nginxconfig/templates/domain_sections/logging.vue
+++ b/src/nginxconfig/templates/domain_sections/logging.vue
@@ -39,7 +39,7 @@ THE SOFTWARE.
                             </PrettyCheck>
                         </div>
                     </div>
-                    <div v-if="$props.data.accessLog.computed" class="control field is-horizontal is-expanded">
+                    <div v-if="$props.data.accessLog.computed" :class="`control field is-horizontal is-expanded${accessLogPathChanged ? ' is-changed' : ''}`">
                         <input
                             v-model="accessLogPath"
                             class="input"
@@ -81,7 +81,7 @@ THE SOFTWARE.
                                 {{ $t('templates.domainSections.logging.enableForThisDomain') }}
                             </PrettyCheck>
                         </div>
-                        <div v-if="$props.data.errorLog.computed" class="control field is-horizontal is-expanded">
+                        <div v-if="$props.data.errorLog.computed" :class="`control field is-horizontal is-expanded${errorLogPathChanged ? ' is-changed' : ''}`">
                             <input
                                 v-model="errorLogPath"
                                 class="input"
diff --git a/src/nginxconfig/templates/global_sections/logging.vue b/src/nginxconfig/templates/global_sections/logging.vue
index 6279703..e7431e8 100644
--- a/src/nginxconfig/templates/global_sections/logging.vue
+++ b/src/nginxconfig/templates/global_sections/logging.vue
@@ -39,7 +39,7 @@ THE SOFTWARE.
                             </PrettyCheck>
                         </div>
                     </div>
-                    <div v-if="$props.data.accessLog.computed" class="control field is-horizontal is-expanded">
+                    <div v-if="$props.data.accessLog.computed" :class="`control field is-horizontal is-expanded${accessLogPathChanged ? ' is-changed' : ''}`">
                         <input
                             v-model="accessLogPath"
                             class="input"
@@ -82,7 +82,7 @@ THE SOFTWARE.
                             </PrettyCheck>
                         </div>
                     </div>
-                    <div v-if="$props.data.errorLog.computed" class="control field is-horizontal is-expanded">
+                    <div v-if="$props.data.errorLog.computed" :class="`control field is-horizontal is-expanded${errorLogPathChanged ? ' is-changed' : ''}`">
                         <input
                             v-model="errorLogPath"
                             class="input"