complete UI CSS ownership remediation

packages/ui/components/ChatBubble.wrn

@@ -1,3 +1,5 @@
+import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
+
 component ChatBubble {
   outputs {
     action(payload: { action: boolean; item: string | number | boolean | null | object; index: number })
@@ -64,7 +66,7 @@ component ChatBubble {
   view {
     <section
       {...attrs}
-      class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--chat-bubble wire-next--variant-{variant} {class}"
+      class="wire-component wire-component--color-{color} wire-component--size-{size} wire-next--chat-bubble wire-next--variant-{variant} {class}"
       data-one-sided="{oneSided}"
       role="log"
       aria-label="{ariaLabel}"
@@ -146,14 +148,15 @@ component ChatBubble {
       {/if}
       <slot />
     </section>
+    <ComponentBaseStyles hidden />
   }
 
   style {
-    .wire-next--chat-bubble.wire-next--size-sm {
+    .wire-next--chat-bubble.wire-component--size-sm {
       --wire-chat-padding: 0.75rem;
       font-size: 0.875rem;
     }
-    .wire-next--chat-bubble.wire-next--size-lg {
+    .wire-next--chat-bubble.wire-component--size-lg {
       --wire-chat-padding: 1.25rem;
       font-size: 1.0625rem;
     }