diff --git a/src/pages/App/MenuList.js b/src/pages/App/MenuList.js
index e3fb037..b64a400 100644
--- a/src/pages/App/MenuList.js
+++ b/src/pages/App/MenuList.js
@@ -4,15 +4,14 @@ import {Link} from "react-router-dom";
 import {
   AppstoreOutlined,
   DatabaseOutlined,
+  FileAddOutlined,
   FileProtectOutlined,
+  FileSyncOutlined,
   HomeOutlined,
   MenuUnfoldOutlined,
   MoneyCollectOutlined,
-  ProjectOutlined,
-  FileProtectOutlined,
-  FileAddOutlined,
-  FileSyncOutlined,
   ProfileOutlined,
+  ProjectOutlined,
   UserOutlined,
 } from "@ant-design/icons";
 import {observer} from "mobx-react-lite";
@@ -113,12 +112,14 @@ export const MenuList = observer((props) => {
         </Menu.Item>
         </SubMenu>
       )}
-      {store.authentication.userData.role === ("Retail" || "Admin") && (
-        <Menu.Item key="transaction">
-          <Link to={LINKS.TRANSACTION}>
-            <HomeOutlined />
-            <span>Transaction</span>
-            </Link>
+        {store.authentication.userData.role === ("Retail" || "Admin") && (
+            <Menu.Item key="transaction">
+              <Link to={LINKS.TRANSACTION}>
+                <HomeOutlined/>
+                <span>Transaction</span>
+              </Link>
+            </Menu.Item>
+        )}
         {store.authentication.userData.role !== "Retail" && (
             <Menu.Item key="product">
               <Link to={LINKS.PRODUCT}>
@@ -144,16 +145,16 @@ export const MenuList = observer((props) => {
         <Menu.Item key="profile">
           <Link to={LINKS.PROFILE}>
           <UserOutlined />
-          <span>Profile</span>
-        </Link>
-      </Menu.Item>
-      {/*<Menu.Item key="about">*/}
-      {/*	<Link to={'/app/about'}>*/}
-      {/*		<CalendarOutlined/>*/}
-      {/*		<span>About</span>*/}
-      {/*	</Link>*/}
-      {/*</Menu.Item>*/}
-      <Menu.Divider style={{ background: "transparent", paddingTop: 15 }} />
-    </Menu.Item>
+            <span>Profile</span>
+          </Link>
+        </Menu.Item>
+        {/*<Menu.Item key="about">*/}
+        {/*	<Link to={'/app/about'}>*/}
+        {/*		<CalendarOutlined/>*/}
+        {/*		<span>About</span>*/}
+        {/*	</Link>*/}
+        {/*</Menu.Item>*/}
+        <Menu.Divider style={{background: "transparent", paddingTop: 15}}/>
+      </Menu>
   );
 });