fix: Editor file upload browser showing bug (#8019)

app/javascript/shared/components/GreetingsEditor.vue

@@ -1,22 +1,25 @@
 <template>
-  <section>
-    <label v-if="richtext" class="greetings--richtext">
+  <section class="w-[75%]">
+    <div
+      v-if="richtext"
+      class="py-0 px-4 rounded-md border border-solid border-slate-200 dark:border-slate-600 bg-white dark:bg-slate-900 mt-0 mx-0 mb-4"
+    >
       <woot-message-editor
         v-model="greetingsMessage"
         :is-format-mode="true"
         :enable-variables="true"
-        class="input"
+        class="input bg-white dark:bg-slate-900"
         :placeholder="placeholder"
         :min-height="4"
         @input="handleInput"
       />
-    </label>
+    </div>
     <resizable-text-area
       v-else
       v-model="greetingsMessage"
       rows="4"
       type="text"
-      class="medium-9 greetings--textarea"
+      class="greetings--textarea"
       :label="label"
       :placeholder="placeholder"
       @input="handleInput"
@@ -68,12 +71,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.greetings--richtext {
-  padding: 0 var(--space-normal);
-  border-radius: var(--border-radius-normal);
-  border: 1px solid var(--color-border);
-  margin: 0 0 var(--space-normal);
-}
-</style>