diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index f9c10713c..a6567d01d 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -29,6 +29,7 @@ const message = {
             watch: 'Watch',
             handle: 'Handle',
             expand: 'Expand',
+            collapse: 'Collapse',
             log: 'Log',
             back: 'Back',
             backup: 'Backup',
diff --git a/frontend/src/lang/modules/tw.ts b/frontend/src/lang/modules/tw.ts
index c106a1c3e..4a8342b23 100644
--- a/frontend/src/lang/modules/tw.ts
+++ b/frontend/src/lang/modules/tw.ts
@@ -29,6 +29,7 @@ const message = {
             watch: '追蹤',
             handle: '執行',
             expand: '展開',
+            collapse: '收起',
             log: '日誌',
             back: '返回',
             backup: '備份',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 31da0ece7..55214892e 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -29,6 +29,7 @@ const message = {
             watch: '追踪',
             handle: '执行',
             expand: '展开',
+            collapse: '收起',
             log: '日志',
             back: '返回',
             backup: '备份',
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 4a08502ed..e32334446 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -117,6 +117,11 @@
                                         {{ $t('commons.button.expand') }}...
                                     </el-button>
                                 </div>
+                                <div v-if="row.expand && row.ports.length > 3">
+                                    <el-button type="primary" link @click="row.expand = false">
+                                        {{ $t('commons.button.shrink') }}
+                                    </el-button>
+                                </div>
                             </div>
                         </template>
                     </el-table-column>
diff --git a/frontend/src/views/container/container/operate/index.vue b/frontend/src/views/container/container/operate/index.vue
index 5ee09a383..3a1043013 100644
--- a/frontend/src/views/container/container/operate/index.vue
+++ b/frontend/src/views/container/container/operate/index.vue
@@ -275,7 +275,11 @@ const acceptParams = (params: DialogProps): void => {
         dialogData.value.rowData.envStr = dialogData.value.rowData.env.join('\n');
         dialogData.value.rowData.exposedPorts = dialogData.value.rowData.exposedPorts || [];
         for (const item of dialogData.value.rowData.exposedPorts) {
-            item.host = item.hostPort;
+            if (item.hostIP) {
+                item.host = item.hostIP + ':' + item.hostPort;
+            } else {
+                item.host = item.hostPort;
+            }
         }
         dialogData.value.rowData.volumes = dialogData.value.rowData.volumes || [];
     }