From 1bd64f9e18b7a1d1badef1ab4869699e27aa6160 Mon Sep 17 00:00:00 2001
From: vivekjain23 <165671934+vivekjain23@users.noreply.github.com>
Date: Thu, 19 Dec 2024 19:02:20 +0530
Subject: [PATCH] fix(docs): Fix feedback form UI (#4549)

* Fix feedback form UI
---
 docs/site/src/components/FeedbackForm/index.tsx  |  2 --
 docs/site/src/components/FeedbackForm/styles.css | 12 +++++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/site/src/components/FeedbackForm/index.tsx b/docs/site/src/components/FeedbackForm/index.tsx
index 8613ffdf7a3..5dcf5af6d40 100644
--- a/docs/site/src/components/FeedbackForm/index.tsx
+++ b/docs/site/src/components/FeedbackForm/index.tsx
@@ -20,7 +20,6 @@ const FeedbackForm = () => {
 
   return (
     <div className="feedback-container">
-      <div className="divider"></div>
       <div className={clsx("h3", "feedback-header")}>Feedback Form</div>
       <form onSubmit={handleSubmit}>
         <div className="form-group">
@@ -54,7 +53,6 @@ const FeedbackForm = () => {
           Submit Feedback
         </button>
       </form>
-      <div className="divider"></div>
     </div>
   );
 };
diff --git a/docs/site/src/components/FeedbackForm/styles.css b/docs/site/src/components/FeedbackForm/styles.css
index 4e742a9afb3..4aafcee2f8e 100644
--- a/docs/site/src/components/FeedbackForm/styles.css
+++ b/docs/site/src/components/FeedbackForm/styles.css
@@ -1,5 +1,15 @@
 .feedback-container {
-  /* margin: 20px; */
+  background-color: #0000001a;
+  padding-top: 0.25rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  padding-bottom: 1.25rem;
+  margin-top: 1rem;
+  border-radius: 0.5rem;
+}
+
+[data-theme="dark"] .feedback-container {
+  background-color: #1e1e1e;
 }
 
 .feedback-header {