diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index e3fb037..102fb6a 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -9,7 +9,6 @@ import {
   MenuUnfoldOutlined,
   MoneyCollectOutlined,
   ProjectOutlined,
-  FileProtectOutlined,
   FileAddOutlined,
   FileSyncOutlined,
   ProfileOutlined,
@@ -119,14 +118,15 @@ export const MenuList = observer((props) => {
             <HomeOutlined />
             <span>Transaction</span>
             </Link>
-        {store.authentication.userData.role !== "Retail" && (
+            </Menu.Item>)}
+          {store.authentication.userData.role !== "Retail" && (
             <Menu.Item key="product">
               <Link to={LINKS.PRODUCT}>
                 <DatabaseOutlined/>
                 <span>Product</span>
               </Link>
             </Menu.Item>
-        )}
+          )}
         <Menu.Item key="payback">
           <Link to={LINKS.PAYBACK}>
             <DatabaseOutlined/>
@@ -154,6 +154,6 @@ export const MenuList = observer((props) => {
       {/*	</Link>*/}
       {/*</Menu.Item>*/}
       <Menu.Divider style={{ background: "transparent", paddingTop: 15 }} />
-    </Menu.Item>
+    
   );
 });