diff --git a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss
index 9643c2784..20633685e 100644
--- a/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss
+++ b/packages/webapp/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsDrawer.module.scss
@@ -1,14 +1,17 @@
.root {
+ --x-color-content-primary-border: #e2e2e2;
+ :global(.bp4-dark) & {
+ --x-color-content-primary-border: rgba(255, 255, 255, 0.25);
+ }
&_content {
-
&_primary {
padding-bottom: 15px;
- border-bottom: 1px solid #e2e2e2;
+ border-bottom: 1px solid var(--x-color-content-primary-border);
}
}
- :global .card {
+ :global(.card) {
margin: 15px;
padding: 18px;
}
diff --git a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
index f67b06a6a..147664ef5 100644
--- a/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
+++ b/packages/webapp/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.tsx
@@ -135,8 +135,8 @@ function InvoiceDetailActionsBar({
text={}
onClick={handleQuickPaymentInvoice}
/>
+
-