diff --git a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js
index 38dd9a2c..5305fd7d 100644
--- a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js
+++ b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.js
@@ -15,13 +15,15 @@ const gridClasses = makeStyles(gridStyles)
const Cashbox = ({ percent = 0, cashOut = false, className }) => {
const classes = cashboxClasses({ percent, cashOut })
+ const threshold = 51
+
return (
- {percent <= 50 && {percent.toFixed(0)}%}
+ {percent <= threshold && {percent.toFixed(0)}%}
- {percent > 50 && {percent.toFixed(0)}%}
+ {percent > threshold && {percent.toFixed(0)}%}
)
diff --git a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js
index c81ee693..234cc598 100644
--- a/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js
+++ b/new-lamassu-admin/src/components/inputs/cashbox/Cashbox.styles.js
@@ -27,14 +27,18 @@ const cashboxStyles = {
emptyPart: {
backgroundColor: 'white',
height: ({ percent }) => `${100 - percent}%`,
+ position: 'relative',
'& > p': {
color: colorPicker,
- display: 'inline-block'
+ display: 'inline-block',
+ position: 'absolute',
+ margin: 0,
+ bottom: 0,
+ right: 0
}
},
fullPart: {
backgroundColor: colorPicker,
- height: ({ percent }) => `${percent}%`,
'& > p': {
color: 'white',
display: 'inline'