diff --git a/client/ui/main/ContactsList.tsx b/client/ui/main/ContactsList.tsx
index 7563b9a..4f90795 100644
--- a/client/ui/main/ContactsList.tsx
+++ b/client/ui/main/ContactsList.tsx
@@ -45,6 +45,7 @@ export default function ContactsList({
         paddingRight: '10px',
         display: display ? undefined : 'none',
         height: '100%',
+        width: '100%',
     }} {...props}>
         <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
             marginTop: '5px',
diff --git a/client/ui/main/RecentsList.tsx b/client/ui/main/RecentsList.tsx
index 2fc8d22..29f7fcc 100644
--- a/client/ui/main/RecentsList.tsx
+++ b/client/ui/main/RecentsList.tsx
@@ -32,6 +32,7 @@ export default function RecentsList({
         paddingRight: '10px',
         display: display ? undefined : 'none',
         height: '100%',
+        width: '100%',
     }} {...props}>
         <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
             marginTop: '5px',