u

src/components/article/boxes/ArticleViewPrice.jsx

@@ -31,6 +31,10 @@ import { notifyError } from '../../../utils/notify';
 import { PriceTaxRow } from './PriceTaxRow';
 import TierPricePills from './TierPricePills';
 import { PriceUnitRow, PriceUnitCorner } from './PriceUnitRow';
+import {
+  BLUE_PANEL,
+  BORDER,
+} from '../../../colors';
 
 const SECOND_ROW_MIN_HEIGHT = 220;
 
@@ -481,7 +485,7 @@ export default class ArticleViewPrice extends PureComponent {
         <PanelTile
           wide={1}
           minHeight={SECOND_ROW_MIN_HEIGHT}
-          color="#e2e8f0"
+          color={BORDER}
           contentAlignItems="flex-start"
         >
           <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%', width: '100%' }}>
@@ -533,7 +537,7 @@ export default class ArticleViewPrice extends PureComponent {
       <EditablePanelTile
         wide={1}
         minHeight={SECOND_ROW_MIN_HEIGHT}
-        color="#bfdbfe"
+        color={BLUE_PANEL}
         contentAlignItems="flex-start"
         value={priceValue}
         onSave={this.handleSave}