diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
index 6b378cb7..f98209b1 100644
--- a/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
+++ b/src/components/ServiceDetails/ExistingModel/ModelDetails/index.js
@@ -77,7 +77,9 @@ const ModelDetails = ({ classes, openEditModel, model }) => {
       <div className={classes.modelDetailsContainer}>
         <div className={classes.modelDetails}>
           <div className={classes.titleIdContainer}>
-            <h2>{model.modelName}</h2>
+            <div className={classes.modelNameContainer}>
+              <h2>{model.modelName}</h2>
+            </div>
             <h3>
               Model id: <span>{model.modelId}</span>
             </h3>
diff --git a/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js b/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
index 5787cbc8..13de72d7 100644
--- a/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
+++ b/src/components/ServiceDetails/ExistingModel/ModelDetails/styles.js
@@ -25,6 +25,7 @@ export const useStyles = (theme) => ({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
+    flexWrap: "wrap",
     "& h3": {
       margin: 0,
       color: theme.palette.text.darkShadedGray,
@@ -32,6 +33,32 @@ export const useStyles = (theme) => ({
       lineHeight: "23px",
     },
   },
+  modelNameContainer: {
+    width: "100%",
+    textAlign: "left",
+    position: "relative",
+    minHeight: "2rem",
+    "& h2": {
+      width: "100%",
+      overflow: "hidden",
+      lineBreak: "anywhere",
+      textOverflow: "ellipsis",
+      display: "-webkit-box",
+      height: "min-content",
+      "-webkit-line-clamp": 1,
+      "-webkit-box-orient": "vertical",
+      transition: "all 0.1s",
+    },
+    "& h2:hover": {
+      position: "absolute",
+      overflow: "auto",
+      height: "min-content",
+      backgroundColor: theme.palette.text.gray1,
+      "-webkit-line-clamp": 10,
+      borderRadius: 5,
+      transition: "all 0.1s",
+    },
+  },
   descriptionContainer: {
     fontSize: 18,
   },
diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js
index e7eaff45..51912034 100644
--- a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js
+++ b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/index.js
@@ -8,14 +8,14 @@ const Dataset = ({ classes, trainingDataset, setTrainingDataset }) => {
     <div className={classes.modelDataContaienr}>
       <div className={classes.createDatasetContainer}>
         <h3>Creating your dataset</h3>
-        <p>
+        {/* <p>
           Your dataset in <span>.ZIP</span> format, weighing less than <span>1.5MB</span> contain two text files:{" "}
           <span>train.txt</span> (2-10k lines) and <span>val.txt</span> (100-500 lines). Each line equals to one
           paragraph of text.
-        </p>
+        </p> */}
       </div>
       <div className={classes.uploadDatasetContainer}>
-        <p>Upload your dataset</p>
+        {/* <p>Upload your dataset</p> */}
         <Upload trainingDataset={trainingDataset} setTrainingDataset={setTrainingDataset} />
       </div>
     </div>
diff --git a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js
index 75d0e369..72f5bdf0 100644
--- a/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js
+++ b/src/components/ServiceDetails/TrainingModels/CreateModel/Data/styles.js
@@ -40,7 +40,6 @@ export const useStyles = (theme) => ({
     },
   },
   uploadDatasetContainer: {
-    marginTop: 40,
     "& > span": {
       color: theme.palette.text.darkShadedGray,
       fontSize: 14,