diff --git a/assets/close.svg b/assets/close.svg
new file mode 100644
index 0000000..db4a38e
--- /dev/null
+++ b/assets/close.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/bottle/index.js b/src/components/bottle/index.js
index e057cb2..da23123 100644
--- a/src/components/bottle/index.js
+++ b/src/components/bottle/index.js
@@ -6,6 +6,7 @@ import { Rate, Button } from 'antd';
import { DeleteOutlined, EditOutlined } from '@ant-design/icons';
import { Trans, withTranslation } from 'react-i18next';
import selectCup from '../../miscellanea';
+import Close from '../../../assets/close.svg';
// eslint-disable-next-line no-confusing-arrow
const displayBorder = (border) => border ? '' : 'none';
@@ -73,6 +74,15 @@ const Buttons = Styled.div`
display: flex;
`;
+const CloseWrapper = Styled.div`
+ margin-left: auto;
+ position: relative;
+ button {
+ border: none;
+ left: 50px;
+ }
+`;
+
const Section = ({ title, description, value, border = true }) => (
@@ -108,6 +118,7 @@ function Bottle({ find, deleteBootle, history, t }) {
return (
+
} description={} value={`${price} ${t('currency')}`} />
} />
diff --git a/src/components/new/index.js b/src/components/new/index.js
index dcfa268..8662a5b 100644
--- a/src/components/new/index.js
+++ b/src/components/new/index.js
@@ -6,6 +6,7 @@ import { Trans } from 'react-i18next';
import Styled from 'styled-components';
import Media from 'styled-media-query';
import Moment from 'moment';
+import Close from '../../../assets/close.svg';
const { YearPicker } = DatePicker;
const { Option } = Select;
@@ -33,6 +34,13 @@ const NewBottle = Styled.div`
`}
`;
+const CloseWrapper = Styled.div`
+ margin-left: auto;
+ button {
+ border: none;
+ }
+`;
+
const cleanObject = (obj) => JSON.parse(JSON.stringify(obj));
const B = (f) => (g) => (x) => f(g(x));
const capitalized = (word) => word.charAt(0).toUpperCase() + word.slice(1);
@@ -54,6 +62,7 @@ function OtherBottle({ add, history, find }) {
return (
+