diff --git a/test/wdio/attribute-host/cmp.test.tsx b/test/wdio/attribute-host/cmp.test.tsx
index 7a3a85c59e53..bfd4eb9bba44 100644
--- a/test/wdio/attribute-host/cmp.test.tsx
+++ b/test/wdio/attribute-host/cmp.test.tsx
@@ -25,7 +25,7 @@ describe('attribute-host', function () {
       // get default border color from body element as it might differ between different OS
       borderColor: getComputedStyle(document.body).borderColor.replaceAll(' ', ''),
       display: 'inline-block',
-      'font-size': '16px',
+      fontSize: '16px',
     });
 
     // this tests CSS custom properties in inline style, but CSS var are
@@ -57,9 +57,9 @@ describe('attribute-host', function () {
     await button.click();
 
     await expect(elm).toHaveStyle({
-      'border-color': 'rgba(255,255,255,1)',
+      borderColor: getComputedStyle(document.body).borderColor.replaceAll(' ', ''),
       display: 'inline-block',
-      'font-size': '16px',
+      fontSize: '16px',
     });
 
     if (win.CSS && win.CSS.supports && win.CSS.supports('--prop', 'value')) {