diff --git a/dashboard/src/components/Forms/FormTextArea.tsx b/dashboard/src/components/Forms/FormTextArea.tsx
index 810f8d7ecbe..7a5d33411cd 100644
--- a/dashboard/src/components/Forms/FormTextArea.tsx
+++ b/dashboard/src/components/Forms/FormTextArea.tsx
@@ -50,15 +50,6 @@ const FormTextArea = ({ data, control }: any) => {
             </LightTooltip>
           </div>
           <div className="w-100">
-            {/* <TextArea
-              maxRows={4}
-              aria-label="maximum height"
-              placeholder={name}
-              onChange={onChange}
-              minRows={2}
-              className="form-textfield form-textarea-field"
-              value={value}
-            /> */}
             <textarea
               placeholder={name}
               onChange={onChange}
diff --git a/dashboard/src/components/commonComponents.tsx b/dashboard/src/components/commonComponents.tsx
index 91bb105dd32..6db34530b49 100644
--- a/dashboard/src/components/commonComponents.tsx
+++ b/dashboard/src/components/commonComponents.tsx
@@ -199,7 +199,7 @@ export const ExtractObject = (props: any) => {
                 }}
                 style={{
                   width: "unset !important",
-                  whiteSpace: "nowrap",
+                  whiteSpace: "normal",
                   color: deleteIcon ? "#bb5838" : "#4a90e2"
                 }}
               >
diff --git a/dashboard/src/index.scss b/dashboard/src/index.scss
index bbd5261a23b..edb0a7bae9d 100644
--- a/dashboard/src/index.scss
+++ b/dashboard/src/index.scss
@@ -230,3 +230,7 @@ textarea {
 .hide {
   display: none !important;
 }
+
+textarea::placeholder {
+  opacity: 0.7;
+}
diff --git a/dashboard/src/styles/formFields.scss b/dashboard/src/styles/formFields.scss
index 8ed01afc03c..f05af1cbb2c 100644
--- a/dashboard/src/styles/formFields.scss
+++ b/dashboard/src/styles/formFields.scss
@@ -46,6 +46,13 @@
   width: 100%;
   flex: 1;
   margin-bottom: 0.5rem !important;
+  height: 34px;
+  border-radius: 3px;
+  outline: none;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 6px 12px;
+  min-height: 34px;
+  width: 100%;
 }
 
 .form-textfield-label {
diff --git a/dashboard/src/styles/propertiesTab.scss b/dashboard/src/styles/propertiesTab.scss
index 1ed652f516b..843aed5e736 100644
--- a/dashboard/src/styles/propertiesTab.scss
+++ b/dashboard/src/styles/propertiesTab.scss
@@ -57,4 +57,5 @@
 
 .attribute-value-text > a {
   width: 100% !important;
+  word-break: break-all;
 }
diff --git a/dashboard/src/styles/relationshipLineage.scss b/dashboard/src/styles/relationshipLineage.scss
index d851ad605c9..287615ec404 100644
--- a/dashboard/src/styles/relationshipLineage.scss
+++ b/dashboard/src/styles/relationshipLineage.scss
@@ -45,5 +45,6 @@
 .value-text {
   a {
     width: 100% !important;
+    word-break: break-all;
   }
 }
diff --git a/dashboard/src/views/Classification/ClassificationForm.tsx b/dashboard/src/views/Classification/ClassificationForm.tsx
index 53eab92123f..d06c0b21d22 100644
--- a/dashboard/src/views/Classification/ClassificationForm.tsx
+++ b/dashboard/src/views/Classification/ClassificationForm.tsx
@@ -320,22 +320,9 @@ const ClassificationForm = ({
                           />
                         </div>
                       ) : (
-                        // <TextArea
-                        //   {...field}
-                        //   minRows={4}
-                        //   placeholder={"Description required"}
-                        //   value={sanitizeHtmlContent(descriptionValue)}
-                        //   onChange={(e) => {
-                        //     e.stopPropagation();
-                        //     const value = e.target.value;
-                        //     field.onChange(value);
-                        //     setValue("description", value);
-                        //   }}
-                        //   style={{ width: "100%" }}
-                        //   />
-
                         <textarea
                           {...field}
+                          className="form-textarea-field"
                           placeholder={"Long Description"}
                           value={sanitizeHtmlContent(descriptionValue)}
                           onChange={(e) => {
diff --git a/dashboard/src/views/DetailPage/EntityDetailTabs/PropertiesTab/UserDefinedProperties.tsx b/dashboard/src/views/DetailPage/EntityDetailTabs/PropertiesTab/UserDefinedProperties.tsx
index d8a1e1fa634..e5f0ca83986 100644
--- a/dashboard/src/views/DetailPage/EntityDetailTabs/PropertiesTab/UserDefinedProperties.tsx
+++ b/dashboard/src/views/DetailPage/EntityDetailTabs/PropertiesTab/UserDefinedProperties.tsx
@@ -353,17 +353,6 @@ const UserDefinedProperties = ({ loading, customAttributes, entity }: any) => {
                           <>
                             <div style={{ flex: "1" }}>
                               <textarea
-                                style={{
-                                  height: "34px",
-                                  borderRadius: "3px",
-                                  outline: "none",
-                                  border: "1px solid rgba(0,0,0,0.12)",
-                                  padding: "6px 12px",
-                                  minHeight: "34px",
-                                  width: "100%",
-                                  marginTop: "8px !important",
-                                  marginBottom: "8px !important"
-                                }}
                                 maxRows={3}
                                 rows={1}
                                 aria-label="maximum height"
diff --git a/dashboard/src/views/Glossary/GlossaryForm.tsx b/dashboard/src/views/Glossary/GlossaryForm.tsx
index 260644a759b..bdbae34c8c7 100644
--- a/dashboard/src/views/Glossary/GlossaryForm.tsx
+++ b/dashboard/src/views/Glossary/GlossaryForm.tsx
@@ -153,20 +153,9 @@ const GlossaryForm = (props: {
                       />
                     </div>
                   ) : (
-                    // <TextArea
-                    //   {...field}
-                    //   minRows={4}
-                    //   placeholder={"Long Description"}
-                    //   onChange={(e) => {
-                    //     e.stopPropagation();
-                    //     const value = e.target.value;
-                    //     field.onChange(value);
-                    //     setValue("description", value);
-                    //   }}
-                    //   style={{ width: "100%" }}
-                    //   />
                     <textarea
                       {...field}
+                      className="form-textarea-field"
                       placeholder={"Long Description"}
                       onChange={(e) => {
                         e.stopPropagation();