styling groceries a little better

src/components/modals/recipes/ModalAddIngredients.js

@@ -62,11 +62,11 @@ const ModalAddIngredients = (props) => {
         }
     }
     return (
-        <StyledModal show={props.visible} centered={true} onHide={props.closeModal} animation={false}>
+        <StyledModal show={props.visible} centered={true} onHide={props.closeModal} >
             <ModalHeader>Add to grocerylist</ModalHeader>
             <ModalDescription>Choose a grocery list and select the ingredients you would like to add to it</ModalDescription>
             <WrapperInput>
-                <IconList />
+                {/* <IconList /> */}
                 <Input
                     style={{ fontSize: 20 }}
                     type="text"
@@ -74,14 +74,14 @@ const ModalAddIngredients = (props) => {
                     onChange={(text) => setListName(text.target.value)}
                     onFocus={() => setFocused(true)} onBlur={() => { setTimeout(() => { setFocused(false) }, 100) }}
                     placeholder="Grocery list" />
-                {listName ? <IconCheck /> : <IconWrong />}
+                {/* {listName ? <IconCheck /> : <IconWrong />} */}
             </WrapperInput>
             {focused && <WrapperDropdown>
                 <Dropdown array={lists.map(list => list.listName)} text={listName} setElement={setListName} />
             </WrapperDropdown>
             }
             <WrapperInput>
-                <IconMeal />
+                {/* <IconMeal /> */}
                 <Input
                     style={{ fontSize: 20, width: 100 }}
                     type="number"