From e365caa0070a742c711b5ea333d54ac91d471438 Mon Sep 17 00:00:00 2001
From: Marina Fedyantceva <marina.fedyantzeva@singularitynet.io>
Date: Mon, 19 Aug 2024 16:11:21 +0300
Subject: [PATCH] [SPT-552] fixed UI of the sandbox

---
 src/assets/thirdPartyServices/common/OutlinedTextArea.js | 2 ++
 src/components/ServiceDetails/AboutService/styles.js     | 2 +-
 src/components/ServiceDetails/StyledTabs/styles.js       | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/assets/thirdPartyServices/common/OutlinedTextArea.js b/src/assets/thirdPartyServices/common/OutlinedTextArea.js
index f439b48ae..14f01dc35 100644
--- a/src/assets/thirdPartyServices/common/OutlinedTextArea.js
+++ b/src/assets/thirdPartyServices/common/OutlinedTextArea.js
@@ -34,6 +34,7 @@ class OutlinedTextArea extends React.Component {
       onChange,
       onFocus,
       ref,
+      autoFocus = false,
     } = this.props;
 
     return (
@@ -59,6 +60,7 @@ class OutlinedTextArea extends React.Component {
           }}
         >
           <TextField
+            autoFocus={autoFocus}
             id={id}
             name={name}
             type={type}
diff --git a/src/components/ServiceDetails/AboutService/styles.js b/src/components/ServiceDetails/AboutService/styles.js
index a50d804b1..737d18ae2 100644
--- a/src/components/ServiceDetails/AboutService/styles.js
+++ b/src/components/ServiceDetails/AboutService/styles.js
@@ -11,7 +11,7 @@ export const useStyles = (theme) => ({
   },
   section: {
     display: "flex",
-    flexDirection: "column",
+    flexDirection: "column !important",
     gap: 20,
     "@media(max-width:960px)": {
       maxWidth: "100%",
diff --git a/src/components/ServiceDetails/StyledTabs/styles.js b/src/components/ServiceDetails/StyledTabs/styles.js
index 35eb2246c..1db29ca8b 100644
--- a/src/components/ServiceDetails/StyledTabs/styles.js
+++ b/src/components/ServiceDetails/StyledTabs/styles.js
@@ -1,8 +1,8 @@
 export const useStyles = (theme) => ({
   tabsHeader: {
-    backgroundColor: "transparent",
+    backgroundColor: "transparent !important",
     color: theme.palette.text.lightShadedGray,
-    boxShadow: "none",
+    boxShadow: "none !important",
     "@media(max-width:768px)": { padding: "0 30px" },
     "& button": {
       minWidth: "auto",