Fix <div> cannot be descendant of <p> warning in console

Author: w3bdesign

components/Cart/Cart.component.jsx

@@ -9,7 +9,7 @@ import { AppContext } from 'utils/context/AppContext';
  * Currently only displays a sample cart.
  * Displays amount of items in cart.
  */
-const Cart = () => {  
+const Cart = () => {
   const [cart, setCart] = useContext(AppContext);
 
   const productsCount =

components/Product/SingleProduct.component.jsx

@@ -89,9 +89,9 @@ const SingleProduct = ({ product }) => {
                   <option value="sort">Large</option>
                 </select>
               </p>
-              <p className="pt-1 mt-2">
+              <div className="pt-1 mt-2">
                 <AddToCartButton product={product} />
-              </p>
+              </div>
             </div>
           </div>
         </div>