diff --git a/webapp/src/components/MqttAdminView.vue b/webapp/src/components/MqttAdminView.vue
index 455c324..27ef910 100644
--- a/webapp/src/components/MqttAdminView.vue
+++ b/webapp/src/components/MqttAdminView.vue
@@ -106,6 +106,29 @@
             </div>
           </div>
 
+          <div class="row mb-3">
+            <label for="inputPublishInterval" class="col-sm-2 col-form-label"
+              >Publish Interval:</label
+            >
+            <div class="col-sm-10">
+              <div class="input-group">
+                <input
+                  type="number"
+                  class="form-control"
+                  id="inputPublishInterval"
+                  min="5"
+                  max="86400"
+                  placeholder="Publish Interval in Seconds"
+                  v-model="mqttConfigList.mqtt_publish_interval"
+                  aria-describedby="publishIntervalDescription"
+                />
+                <span class="input-group-text" id="publishIntervalDescription"
+                  >seconds</span
+                >
+              </div>
+            </div>
+          </div>
+
           <div class="row mb-3">
             <label class="col-sm-2 form-check-label" for="inputRetain"
               >Enable Retain Flag</label
diff --git a/webapp/src/components/MqttInfoView.vue b/webapp/src/components/MqttInfoView.vue
index 36be1a3..515582d 100644
--- a/webapp/src/components/MqttInfoView.vue
+++ b/webapp/src/components/MqttInfoView.vue
@@ -39,6 +39,10 @@
                 <th>Base Topic</th>
                 <td>{{ mqttDataList.mqtt_topic }}</td>
               </tr>
+              <tr>
+                <th>Publish Tnterval</th>
+                <td>{{ mqttDataList.mqtt_publish_interval }} seconds</td>
+              </tr>
               <tr>
                 <th>Retain</th>
                 <td