diff --git a/client/src/components/ChatBox/index.tsx b/client/src/components/ChatBox/index.tsx
index 3dd1ff5a5d..57c84527e1 100644
--- a/client/src/components/ChatBox/index.tsx
+++ b/client/src/components/ChatBox/index.tsx
@@ -565,6 +565,9 @@ const ChatBox = (
                           label: item.value,
                           value: item.value
                         }))}
+                        {...register(item.key, {
+                          required: item.required
+                        })}
                         value={getValues(item.key)}
                         onchange={(e) => {
                           setValue(item.key, e);
diff --git a/client/src/components/Markdown/index.module.scss b/client/src/components/Markdown/index.module.scss
index f07766ee09..db8da73965 100644
--- a/client/src/components/Markdown/index.module.scss
+++ b/client/src/components/Markdown/index.module.scss
@@ -334,6 +334,9 @@
   background-color: transparent;
   border: medium none;
 }
+.markdown hr {
+  margin: 10px 0;
+}
 .markdown {
   text-align: justify;
   tab-size: 4;
diff --git a/client/src/components/Markdown/index.tsx b/client/src/components/Markdown/index.tsx
index eaf37a06cf..523b10d0ad 100644
--- a/client/src/components/Markdown/index.tsx
+++ b/client/src/components/Markdown/index.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import RemarkGfm from 'remark-gfm';
 import RemarkMath from 'remark-math';