diff --git a/packages/editor-mobile/src/components/tags.tsx b/packages/editor-mobile/src/components/tags.tsx index b08d30561..b2f5b85a6 100644 --- a/packages/editor-mobile/src/components/tags.tsx +++ b/packages/editor-mobile/src/components/tags.tsx @@ -113,13 +113,19 @@ function Tags(props: { settings: Settings; loading?: boolean }) { backgroundColor: index !== 0 ? "transparent" : "var(--nn_secondary_background)", borderRadius: 6, - padding: "4px 4px", + padding: "2px 4px", + height: "25px", fontFamily: "Inter", fontSize: 12, color: "var(--nn_primary_icon)", userSelect: "none", WebkitUserSelect: "none", - textAlign: "left" + textAlign: "left", + maxWidth: 150, + textOverflow: "ellipsis", + overflow: "hidden", + wordWrap: "break-word", + whiteSpace: "nowrap" }} onClick={(e) => { e.preventDefault();