diff --git a/ui/src/share/index.js b/ui/src/share/index.js
index 033e448f8..95237fb04 100644
--- a/ui/src/share/index.js
+++ b/ui/src/share/index.js
@@ -1,9 +1,18 @@
 import ShareList from './ShareList'
 import { ShareEdit } from './ShareEdit'
 import ShareIcon from '@material-ui/icons/Share'
+import ShareOutlinedIcon from '@material-ui/icons/ShareOutlined'
+import DynamicMenuIcon from '../layout/DynamicMenuIcon'
+import React from 'react'
 
 export default {
   list: ShareList,
   edit: ShareEdit,
-  icon: <ShareIcon />,
+  icon: (
+    <DynamicMenuIcon
+      path={'share'}
+      icon={ShareOutlinedIcon}
+      activeIcon={ShareIcon}
+    />
+  ),
 }