diff --git a/website/src/components/UserFeedback/index.jsx b/website/src/components/UserFeedback/index.jsx
index 518d383f911..b2f60cc9922 100644
--- a/website/src/components/UserFeedback/index.jsx
+++ b/website/src/components/UserFeedback/index.jsx
@@ -210,7 +210,7 @@ export const FeedbackWrapper = ({ seedData, open }) => {
id={textareaId}
/* cols="30" */
name=""
- rows="5"
+ rows="3"
>
{state.data.comment}
@@ -311,7 +311,17 @@ export const FeedbackWrapper = ({ seedData, open }) => {
};
const Step4 = () => {
- return
Thank you! 🙌
;
+ return (
+
+
Thank you! 🙌
+
+
+ );
};
return (
@@ -353,10 +363,12 @@ export const FeedbackWrapper = ({ seedData, open }) => {
-
-
-
-
+
+
+
+
+ {/* */}
+
);
diff --git a/website/src/components/UserFeedback/styles.module.css b/website/src/components/UserFeedback/styles.module.css
index 7646179f6b7..b3cef1410e4 100644
--- a/website/src/components/UserFeedback/styles.module.css
+++ b/website/src/components/UserFeedback/styles.module.css
@@ -43,15 +43,15 @@
padding: var(--ifm-spacing-vertical) var(--ifm-spacing-horizontal);
}
-.user-feedback > form {
+.user-feedback form {
max-width: 850px;
margin-left: auto;
margin-right: auto;
transition: var(--fade-in-transition);
- opacity: 1;
+ /* opacity: 1; */
}
-.user-feedback > form > * + * {
+.user-feedback form > * + * {
margin-top: var(--row-gap);
}
@@ -225,3 +225,13 @@ button.close-button {
opacity: 0;
transition: var(--fade-out-transition);
}
+
+.form-section-container {
+ display: grid;
+ align-items: center;
+}
+
+.form-section-container > * {
+ grid-column: 1;
+ grid-row: 1;
+}