feat: Update activity message, email designs in Message bubble (#2886)

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss

@@ -259,11 +259,11 @@
     display: flex;
     font-size: var(--font-size-small);
     justify-content: center;
-    margin: var(--space-small) var(--space-normal);
-    padding: var(--space-small) var(--space-normal);
+    margin: var(--space-smaller) 0;
+    padding: var(--space-smaller) var(--space-micro) var(--space-smaller) var(--space-one);
 
     .is-text {
-      display: inline-block;
+      display: inline-flex;
       text-align: start;
 
       @include breakpoint(xxxlarge up) {

app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue

@@ -22,7 +22,7 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .text-content {
   overflow: auto;
 
@@ -32,5 +32,25 @@ export default {
       margin-left: var(--space-normal);
     }
   }
+  table {
+    all: revert;
+
+    td {
+      all: revert;
+    }
+
+    tr {
+      all: revert;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: var(--font-size-normal);
+  }
 }
 </style>