diff --git a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/index.tsx b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/index.tsx
index b9948793df5..df6bdfdda74 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/index.tsx
+++ b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/index.tsx
@@ -85,7 +85,7 @@ const TotalsFooterItem = ( {
const priceComponent = (
diff --git a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/test/__snapshots__/index.tsx.snap b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/test/__snapshots__/index.tsx.snap
index 182f3e099c3..4cd8d4eb5c5 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/test/__snapshots__/index.tsx.snap
+++ b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/totals/footer-item/test/__snapshots__/index.tsx.snap
@@ -10,11 +10,15 @@ exports[`TotalsFooterItem Does not show the "including %s of tax" line if tax is
>
Total
-
- £85.00
-
+
+
@@ -32,11 +36,15 @@ exports[`TotalsFooterItem Does not show the "including %s of tax" line if tax is
>
Total
-
- £85.00
-
+
+
@@ -54,11 +62,15 @@ exports[`TotalsFooterItem Shows the "including %s TAX LABEL" line with single ta
>
Total
-
- £85.00
-
+
+
@@ -82,11 +94,15 @@ exports[`TotalsFooterItem Shows the "including %s TAX LABELS" line with multiple
>
Total
-
- £85.00
-
+
+
@@ -110,11 +126,15 @@ exports[`TotalsFooterItem Shows the "including %s of tax" line if tax is greater
>
Total
-
- £85.00
-
+
+
diff --git a/plugins/woocommerce-blocks/packages/components/totals/item/index.tsx b/plugins/woocommerce-blocks/packages/components/totals/item/index.tsx
index 17bd6489998..529835dcd59 100644
--- a/plugins/woocommerce-blocks/packages/components/totals/item/index.tsx
+++ b/plugins/woocommerce-blocks/packages/components/totals/item/index.tsx
@@ -26,7 +26,11 @@ const TotalsItemValue = ( {
currency,
}: Partial< TotalsItemProps > ): ReactElement | null => {
if ( isValidElement( value ) ) {
- return <>{ value }>;
+ return (
+
+ { value }
+
+ );
}
return Number.isFinite( value ) ? (
diff --git a/plugins/woocommerce/changelog/45732-fix-45170-broken-CSS-styles b/plugins/woocommerce/changelog/45732-fix-45170-broken-CSS-styles
new file mode 100644
index 00000000000..131d7e7de4c
--- /dev/null
+++ b/plugins/woocommerce/changelog/45732-fix-45170-broken-CSS-styles
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix broken CSS styles of the `totalValue` filter.
\ No newline at end of file