diff --git a/libs/components/ui/src/input/Input.tsx b/libs/components/ui/src/input/Input.tsx
index b0628300c8..aeb5c97404 100644
--- a/libs/components/ui/src/input/Input.tsx
+++ b/libs/components/ui/src/input/Input.tsx
@@ -63,6 +63,10 @@ const StyledInputElement = styled('input')(({ theme }) => ({
     lineHeight: '1.5',
     color: `${theme.affine.palette.secondaryText}`,
     flexGrow: 1,
+    maxWidth: '100%',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
     '&::placeholder': {
         color: `${theme.affine.palette.borderColor}`,
     },