diff --git a/components/lib/componentbase/ComponentBase.js b/components/lib/componentbase/ComponentBase.js
index eda0ca1f62..9b79600f74 100644
--- a/components/lib/componentbase/ComponentBase.js
+++ b/components/lib/componentbase/ComponentBase.js
@@ -4,23 +4,12 @@ import { ObjectUtils, classNames, mergeProps } from '../utils/Utils';
 
 const baseStyle = `
 .p-hidden-accessible {
-    border: 0;
-    padding: 0;
-    margin: -1px;
     position: absolute;
-    height: 1px;
-    width: 1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    clip-path: inset(50%);
+    pointer-events: none;
+    opacity: 0;
     white-space: nowrap;
 }
 
-.p-hidden-accessible input,
-.p-hidden-accessible select {
-    transform: scale(0);
-}
-
 .p-overflow-hidden {
     overflow: hidden;
     padding-right: var(--scrollbar-width);
@@ -388,16 +377,10 @@ const commonStyle = `
     }
 
     .p-sr-only {
-        border: 0;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
         position: absolute;
-        width: 1px;
-        word-wrap: normal;
+        pointer-events: none;
+        opacity: 0;
+        white-space: nowrap;
     }
 
     /* @todo Refactor */