diff --git a/src/components/base/SideBar/SideBarListItem.js b/src/components/base/SideBar/SideBarListItem.js index 1374d1c1..5f9a83d8 100644 --- a/src/components/base/SideBar/SideBarListItem.js +++ b/src/components/base/SideBar/SideBarListItem.js @@ -63,6 +63,7 @@ const Container = styled(Tabbable).attrs({ py: 2, })` cursor: ${p => (p.disabled || p.isActive ? 'default' : 'pointer')}; + pointer-events: ${p => (p.isDisabled ? 'none' : 'auto')}; color: ${p => (p.isActive ? p.theme.colors.dark : p.theme.colors.smoke)}; background: ${p => (p.isActive ? p.theme.colors.lightGrey : '')}; opacity: ${p => (p.disabled ? 0.5 : 1)}; diff --git a/src/icons/CheckCircle.js b/src/icons/CheckCircle.js index 16035966..8a9e72be 100644 --- a/src/icons/CheckCircle.js +++ b/src/icons/CheckCircle.js @@ -5,11 +5,11 @@ import React from 'react' const path = ( ) export default ({ size, ...p }: { size: number }) => ( - + {path} )