diff --git a/src/pages/network/containers/VPN/VPNTunnel/actions/Create.jsx b/src/pages/network/containers/VPN/VPNTunnel/actions/Create.jsx
index 66d2bb11..d1dd6874 100644
--- a/src/pages/network/containers/VPN/VPNTunnel/actions/Create.jsx
+++ b/src/pages/network/containers/VPN/VPNTunnel/actions/Create.jsx
@@ -214,13 +214,13 @@ export default class Create extends ModalAction {
         component: (
           <Row>
             {!peer_ep_group_id ? (
-              <Col>
+              <Col span={24}>
                 <Empty />
               </Col>
             ) : (
               this.endpointGroupStore.list.data
                 .find((i) => i.id === peer_ep_group_id)
-                .endpoints.map((item) => <Col>{item}</Col>)
+                .endpoints.map((item) => <Col span={24}>{item}</Col>)
             )}
           </Row>
         ),
diff --git a/src/resources/network.jsx b/src/resources/network.jsx
index f6cd9d91..cd4a4aee 100644
--- a/src/resources/network.jsx
+++ b/src/resources/network.jsx
@@ -75,6 +75,7 @@ export const networkColumns = (self) => [
         </>
       );
     },
+    stringify: (subnets) => `${subnets.length}(${subnets.join(',')})`,
     sorter: false,
   },
   {