diff --git a/web/src/beta/features/Editor/tabs/map/LeftPanel/Layers/LayerItem.tsx b/web/src/beta/features/Editor/tabs/map/LeftPanel/Layers/LayerItem.tsx
index 683e4ac4bf..d15850c663 100644
--- a/web/src/beta/features/Editor/tabs/map/LeftPanel/Layers/LayerItem.tsx
+++ b/web/src/beta/features/Editor/tabs/map/LeftPanel/Layers/LayerItem.tsx
@@ -112,7 +112,7 @@ const LayerItem = ({
             onBlur={handleEditExit}
           />
         ) : (
-          layerTitle
+          <LayerTitle>{layerTitle}</LayerTitle>
         )}
         <HideLayer onClick={handleUpdateVisibility}>
           <Text size="footnote">{value}</Text>
@@ -124,6 +124,17 @@ const LayerItem = ({
 
 export default LayerItem;
 
+const LayerTitle = styled.div`
+  overflow: hidden;
+  color: ${({ theme }) => theme.content.main};
+  text-overflow: ellipsis;
+  font-family: Noto Sans;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+`;
+
 const ContentWrapper = styled.div`
   display: flex;
   align-items: center;
diff --git a/web/src/beta/hooks/useAssetUploader/hooks.tsx b/web/src/beta/hooks/useAssetUploader/hooks.tsx
index f698c761aa..2f323ee63d 100644
--- a/web/src/beta/hooks/useAssetUploader/hooks.tsx
+++ b/web/src/beta/hooks/useAssetUploader/hooks.tsx
@@ -11,7 +11,7 @@ export default ({
   assetType,
 }: {
   workspaceId?: string;
-  onAssetSelect?: (inputValue?: string) => void;
+  onAssetSelect?: (inputValue?: string, name?: string) => void;
   assetType?: string;
 }) => {
   const { useCreateAssets } = useAssetsFetcher();
@@ -32,8 +32,9 @@ export default ({
         file: files,
       });
       const assetUrl = result?.data[0].data?.createAsset?.asset.url;
+      const assetName = result?.data[0].data?.createAsset?.asset.name;
 
-      onAssetSelect?.(assetUrl);
+      onAssetSelect?.(assetUrl, assetName);
     },
     [workspaceId, useCreateAssets, onAssetSelect],
   );