diff --git a/web/html/index.html b/web/html/index.html
index 4a9a5b29..0250f564 100644
--- a/web/html/index.html
+++ b/web/html/index.html
@@ -334,12 +334,16 @@
             <span>{{ i18n "pages.index.currentPanelVersion" }}</span>
             <a-tag color="green">v[[ versionModal.panelUpdate.currentVersion || '{{ .cur_ver }}' ]]</a-tag>
           </a-list-item>
-          <a-list-item class="ant-version-list-item">
+          <a-list-item class="ant-version-list-item" v-if="versionModal.panelUpdate.updateAvailable">
             <span>{{ i18n "pages.index.latestPanelVersion" }}</span>
-            <a-tag :color="versionModal.panelUpdate.updateAvailable ? 'purple' : 'green'">
+            <a-tag color="purple">
               [[ versionModal.panelUpdate.latestVersion || '-' ]]
             </a-tag>
           </a-list-item>
+          <a-list-item class="ant-version-list-item" v-else>
+            <span>{{ i18n "pages.index.panelUpToDate" }}</span>
+            <a-tag color="green">{{ i18n "pages.index.xrayStatusRunning" }}</a-tag>
+          </a-list-item>
         </a-list>
         <div class="mt-5 d-flex justify-end">
           <a-button type="primary" icon="cloud-download" :disabled="!versionModal.panelUpdate.updateAvailable"
diff --git a/web/translation/translate.en_US.toml b/web/translation/translate.en_US.toml
index 131f60c9..837b3875 100644
--- a/web/translation/translate.en_US.toml
+++ b/web/translation/translate.en_US.toml
@@ -130,6 +130,7 @@
 "panelUpdateDesc" = "This will update 3X-UI itself to the latest release and restart the panel service."
 "currentPanelVersion" = "Current panel version"
 "latestPanelVersion" = "Latest panel version"
+"panelUpToDate" = "Panel is up to date"
 "xrayStatusUnknown" = "Unknown"
 "xrayStatusRunning" = "Running"
 "xrayStatusStop" = "Stop"