styling groceries a little better

src/styles/componentBlueprints.js

@@ -3,7 +3,6 @@ import React from 'react'
 import styled, { css } from 'styled-components'
 //deps
 import { HiCheck } from 'react-icons/hi'
-//anims
 
 import LightenDarken from '../functions'
 //standard button layout 
@@ -31,9 +30,6 @@ const CheckButtonWrapper = styled(View)`
     border-radius: 15px;
     margin: 0px 5px ;
     background-color: ${props => props.checked ? props.theme.colors.selected : props.theme.colors.buttonGrey};
-    &:hover{
-        background-color: ${props => props.checked ? props.theme.colors.selected : LightenDarken(props.theme.colors.buttonGrey, 5)}
-    }
     `
 const IconCheck = styled(HiCheck)`
     font-size: ${({ theme }) => theme.fontSize.fontL};
@@ -42,7 +38,7 @@ const IconCheck = styled(HiCheck)`
 export const CheckButton = (props) => {
 	return (
 		<CheckButtonWrapper checked={props.checked} >
-			<IconCheck checked={props.checked} />
+			{/* <IconCheck checked={props.checked} /> */}
 		</CheckButtonWrapper>
 	)
 }