fix: Update broken styles in the editor (#5183)

app/javascript/dashboard/components/helpCenter/AddCategory.vue

@@ -157,4 +157,12 @@ export default {
     color: var(--s-600);
   }
 }
+
+.input-container::v-deep {
+  margin: 0 0 var(--space-normal);
+
+  input {
+    margin-bottom: 0;
+  }
+}
 </style>

app/javascript/dashboard/components/widgets/conversation/ReplyEmailHead.vue

@@ -117,6 +117,8 @@ export default {
   color: var(--r-500);
 }
 .input-group {
+  display: flex;
+  align-items: baseline;
   border-bottom: 1px solid var(--color-border);
   margin-bottom: var(--space-smaller);
   margin-top: var(--space-smaller);
@@ -126,6 +128,7 @@ export default {
     background: transparent;
     font-size: var(--font-size-mini);
     font-weight: var(--font-weight-bold);
+    padding-left: 0;
   }
   .input-group-field::v-deep input {
     margin-bottom: 0;

app/javascript/dashboard/components/widgets/forms/Input.vue

@@ -1,5 +1,5 @@
 <template>
-  <label class="container">
+  <label class="input-container">
     <span v-if="label">{{ label }}</span>
     <input
       :value="value"
@@ -64,20 +64,10 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-.container {
+.help-text {
-  margin: 0 0 var(--space-normal);
+  margin-top: var(--space-micro);
-  input {
+  font-size: var(--font-size-mini);
-    margin: 0;
+  color: var(--s-600);
-  }
+  font-style: normal;
-  .page-sub-title {
-    color: var(--s-600);
-  }
-
-  .help-text {
-    margin-top: var(--space-micro);
-    font-size: var(--font-size-mini);
-    color: var(--s-600);
-    font-style: normal;
-  }
 }
 </style>