diff --git a/core/src/components/content/content.scss b/core/src/components/content/content.scss
index 5867ad9393..c9c21a830c 100644
--- a/core/src/components/content/content.scss
+++ b/core/src/components/content/content.scss
@@ -254,12 +254,16 @@
 
 :host(.safe-area-left) #background-content,
 :host(.safe-area-left) .inner-scroll {
+  /* stylelint-disable property-disallowed-list */
   left: var(--ion-safe-area-left, 0px);
+  /* stylelint-enable property-disallowed-list */
 }
 
 :host(.safe-area-right) #background-content,
 :host(.safe-area-right) .inner-scroll {
+  /* stylelint-disable property-disallowed-list */
   right: var(--ion-safe-area-right, 0px);
+  /* stylelint-enable property-disallowed-list */
 }
 
 
diff --git a/core/src/components/content/test/safe-area/content.e2e.ts b/core/src/components/content/test/safe-area/content.e2e.ts
index b914f5f4a9..df48ebdfdf 100644
--- a/core/src/components/content/test/safe-area/content.e2e.ts
+++ b/core/src/components/content/test/safe-area/content.e2e.ts
@@ -48,7 +48,9 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(content).toHaveClass(/safe-area-right/);
     });
 
-    test('content with both header and footer should not have top/bottom safe-area classes', async ({ page }, testInfo) => {
+    test('content with both header and footer should not have top/bottom safe-area classes', async ({
+      page,
+    }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://outsystemsrd.atlassian.net/browse/FW-6830',