update font-size for text area and hover state for button

Signed-off-by: Huong Nguyen <huongg1409@gmail>

src/components/feedback-form/feedback-form.scss

@@ -15,15 +15,15 @@
   --feedback-form-content: #{colors.$slate-0};
   --feedback-form-title: #{colors.$black-900};
   --feedback-form--text-area--background: #{colors.$slate-200};
-  --feedback-form--text-area--color: #{colors.$black-200};
+  --feedback-form--text-area-placeholder--color: #{colors.$black-200};
 }
 
 .kui-theme--light {
   --feedback-form-bg: #{colors.$black-900};
   --feedback-form-content: #{colors.$white-0};
   --feedback-form-title: #{colors.$white-0};
   --feedback-form--text-area--background: #{colors.$white-0};
-  --feedback-form--text-area--color: #{colors.$black-0};
+  --feedback-form--text-area-placeholder--color: #{colors.$black-0};
 }
 
 .feedback-form--wrapper {
@@ -45,25 +45,27 @@
   padding-bottom: 68px;
 }
 
+.feedback-form--text-area::placeholder {
+  color: var(--feedback-form--text-area-placeholder--color);
+  text-align: center;
+  margin: auto; /* Centers the placeholder text vertically */
+}
+
 .feedback-form--text-area {
   align-items: center;
   background-color: transparent;
   border: 1px solid grey;
-  color: var(--feedback-form--text-area--color);
+  color: var(--feedback-form-title);
   display: flex;
+  font-size: 14px;
   height: 104px;
   margin-top: 68px;
   padding: 8px 12px;
   resize: none;
-  text-align: center;
+  text-align: left;
   width: 364px;
 }
 
-.feedback-form--text-area::placeholder {
-  text-align: center;
-  margin: auto; /* Centers the placeholder text vertically */
-}
-
 .feedback-form--title {
   color: var(--feedback-form-title);
   font-size: 18px;
@@ -97,6 +99,11 @@
     color: var(--feedback-form-title);
     margin-top: 36px;
     padding: 8px 12px;
+
+    &:hover {
+      background-color: var(--feedback-form-title);
+      color: var(--feedback-form-bg);
+    }
   }
 }