diff --git a/src/views/Orders.jsx b/src/views/Orders.jsx
index b0df4cb..c554671 100644
--- a/src/views/Orders.jsx
+++ b/src/views/Orders.jsx
@@ -48,7 +48,7 @@ class Orders extends Component {
                 )}~${date_picker_store.end_date_cp.format(config.DATE_FORMAT)}`,
                 dataIndex: 'OrderType',
                 fixed: 'left',
-                render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${record.OrderType}`}>{text}</NavLink>,
+                render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${encodeURIComponent(record.OrderType)}`}>{text}</NavLink>,
               },
             ],
           },
@@ -207,7 +207,7 @@ class Orders extends Component {
                 titleX: `${date_picker_store.start_date.format(config.DATE_FORMAT)}~${date_picker_store.end_date.format(config.DATE_FORMAT)}`,
                 fixed: 'left',
                 dataIndex: "OrderType",
-								render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${record.OrderType}`}>{text}</NavLink>,
+								render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${encodeURIComponent(record.OrderType)}`}>{text}</NavLink>,
 							},
 						],
 					},