diff --git a/xinference/web/ui/src/scenes/launch_model/launchCustom.js b/xinference/web/ui/src/scenes/launch_model/launchCustom.js
index 9d3a46f504..1bede718f1 100644
--- a/xinference/web/ui/src/scenes/launch_model/launchCustom.js
+++ b/xinference/web/ui/src/scenes/launch_model/launchCustom.js
@@ -139,7 +139,7 @@ const LaunchCustom = ({ gpuAvailable }) => {
     display: 'grid',
     gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))',
     paddingLeft: '2rem',
-    paddingTop: '2rem',
+    paddingBottom: '2rem',
     gridGap: '2rem 0rem',
   }
 
@@ -188,10 +188,12 @@ const LaunchCustom = ({ gpuAvailable }) => {
                 ) {
                   return (
                     <ModelCard
+                      key={filteredRegistration.model_name}
                       url={endPoint}
                       modelData={filteredRegistration}
                       gpuAvailable={gpuAvailable}
                       is_custom={true}
+                      modelType="LLM"
                     />
                   )
                 }
@@ -227,9 +229,11 @@ const LaunchCustom = ({ gpuAvailable }) => {
                 ) {
                   return (
                     <ModelCard
+                      key={filteredRegistration.model_name}
                       url={endPoint}
                       modelData={filteredRegistration}
                       is_custom={true}
+                      modelType="embedding"
                     />
                   )
                 }
@@ -265,9 +269,11 @@ const LaunchCustom = ({ gpuAvailable }) => {
                 ) {
                   return (
                     <ModelCard
+                      key={filteredRegistration.model_name}
                       url={endPoint}
                       modelData={filteredRegistration}
                       is_custom={true}
+                      modelType="rerank"
                     />
                   )
                 }
diff --git a/xinference/web/ui/src/scenes/launch_model/modelCard.js b/xinference/web/ui/src/scenes/launch_model/modelCard.js
index 44246b714f..f7cb3c465f 100644
--- a/xinference/web/ui/src/scenes/launch_model/modelCard.js
+++ b/xinference/web/ui/src/scenes/launch_model/modelCard.js
@@ -336,12 +336,7 @@ const ModelCard = ({
       {modelType === 'LLM' ? (
         <Box style={styles.descriptionCard}>
           {is_custom && (
-            <Stack
-              direction="row"
-              justifyContent="space-evenly"
-              alignItems="center"
-              spacing={1}
-            >
+            <Stack direction="row" spacing={1} useFlexGap>
               <TitleTypography value={modelData.model_name} />
               <IconButton
                 aria-label="delete"
@@ -419,12 +414,7 @@ const ModelCard = ({
         <Box style={styles.descriptionCard}>
           <div style={styles.titleContainer}>
             {is_custom && (
-              <Stack
-                direction="row"
-                justifyContent="space-evenly"
-                alignItems="center"
-                spacing={1}
-              >
+              <Stack direction="row" spacing={1} useFlexGap>
                 <TitleTypography value={modelData.model_name} />
                 <IconButton
                   aria-label="delete"