diff --git a/components/lib/base/Base.js b/components/lib/base/Base.js
index bf31ade85..df8d053fe 100644
--- a/components/lib/base/Base.js
+++ b/components/lib/base/Base.js
@@ -20,23 +20,6 @@ const styles = `
 .p-overflow-hidden {
     overflow: hidden;
 }
-
-.p-unselectable-text {
-    user-select: none;
-}
-
-.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 !important;
-}
 `;
 
 export const { load: loadBaseStyle } = useStyle(styles, { name: 'base', manual: true });
diff --git a/components/lib/basecomponent/BaseComponent.vue b/components/lib/basecomponent/BaseComponent.vue
index 9397e7d2a..ec846f437 100644
--- a/components/lib/basecomponent/BaseComponent.vue
+++ b/components/lib/basecomponent/BaseComponent.vue
@@ -268,6 +268,23 @@ const styles = `
     height: 100%;
 }
 
+.p-unselectable-text {
+    user-select: none;
+}
+
+.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 !important;
+}
+
 input[type="button"],
 input[type="submit"],
 input[type="reset"],