diff --git a/WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift b/WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift
index 44258807f1b..a2938574c95 100644
--- a/WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift
+++ b/WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift
@@ -93,7 +93,6 @@ struct PointOfSaleCollectCashView: View {
                 .padding([.horizontal])
                 .padding(.bottom, keyboardFrame.height)
             }
-            .background(backgroundColor)
             .animation(.easeInOut, value: errorMessage)
             .animation(.easeInOut, value: changeDueMessage)
             .onChange(of: textFieldAmountInput) { _ in
diff --git a/WooCommerce/Classes/POS/Presentation/TotalsView.swift b/WooCommerce/Classes/POS/Presentation/TotalsView.swift
index 3047f557dc1..a1041c1af2f 100644
--- a/WooCommerce/Classes/POS/Presentation/TotalsView.swift
+++ b/WooCommerce/Classes/POS/Presentation/TotalsView.swift
@@ -37,7 +37,7 @@ struct TotalsView: View {
                                 }
                                 .transition(.opacity)
                                 .accessibilityShowsLargeContentViewer()
-                                .background(backgroundColor)
+                                .background(backgroundColor.ignoresSafeArea(.all))
                                 .dynamicTypeSize(...DynamicTypeSize.accessibility2)
                                 .minimumScaleFactor(isShowingTotalsFields ? 0.5 : 1)
                                 .geometryGroup()
@@ -95,7 +95,7 @@ struct TotalsView: View {
         case .card(.processingPayment):
             .posPrimary
         case .cash(.collectingCash):
-            .posSurface
+            .posSurfaceBright
         default:
             .clear
         }