Adding correct classNames

client/coral-embed-stream/src/components/Stream.js

@@ -210,7 +210,7 @@ class Stream extends React.Component {
           />
         )}
 
-        <div className="streamBox">
+        <div className="talk-stream-wrapper-box">
           <Slot fill="streamBox" />
         </div>
 

client/coral-embed-stream/style/default.css

@@ -178,7 +178,7 @@ hr {
   display: none;
 }
 
-.streamBox {
+.talk-stream-wrapper-box {
   padding: 10px 0;
 }
 

plugins/coral-plugin-offtopic/client/components/OffTopicFilter.js

@@ -4,7 +4,7 @@ import styles from './styles.css';
 export default class OffTopicFilter extends React.Component {
 
   tag = 'OFF_TOPIC';
-  className = 'offTopicComment';
+  className = 'coral-plugin-off-topic-comment';
   cn = {[this.className] : {tags: [this.tag]}};
 
   handleChange = (e) => {

plugins/coral-plugin-offtopic/client/components/styles.css

@@ -22,6 +22,6 @@
   padding: 5px 0;
 }
 
-:global(.offTopicComment) {
+:global(.coral-plugin-off-topic-comment) {
   display: none;
 }