diff --git a/client/packages/lowcoder-design/src/components/edit.tsx b/client/packages/lowcoder-design/src/components/edit.tsx
index a8744ae88..7866ba4a4 100644
--- a/client/packages/lowcoder-design/src/components/edit.tsx
+++ b/client/packages/lowcoder-design/src/components/edit.tsx
@@ -108,6 +108,7 @@ export const EditText = (props: EditTextProps) => {
           $hasPrefix={!!props.prefixIcon}
           ref={inputRef}
           defaultValue={props.text}
+          style={props.style}
           onClick={(e) => e.stopPropagation()}
           onChange={(e) => props.onChange?.((e.target as HTMLInputElement).value)}
           onBlur={(e) => {
diff --git a/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx b/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
index f73ae67fb..0813ddfb3 100644
--- a/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
+++ b/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
@@ -278,6 +278,7 @@ export function BottomTabs<T extends TabsConfigType>(props: {
             }}
             onChange={(value) => setError(editorState.checkRename(tabTitle, value))}
             onEditStateChange={(editing) => setEditing(editing)}
+            style={{ maxWidth: '100%', width: '100%' }}
           />
           <PopupCard
             editorFocus={!!error && editing}