diff --git a/src/components/MagicInput/index.jsx b/src/components/MagicInput/index.jsx
index b8abc5dd..65d6a173 100644
--- a/src/components/MagicInput/index.jsx
+++ b/src/components/MagicInput/index.jsx
@@ -346,7 +346,11 @@ class MagicInput extends PureComponent {
       <Menu.Item key={it.name}>{it.label}</Menu.Item>
     ));
     return (
-      <Menu className={styles.menu} onClick={this.handleSelectFilter}>
+      <Menu
+        className={styles.menu}
+        onClick={this.handleSelectFilter}
+        id="search-items-menu"
+      >
         {this.renderOptionsClose(filters)}
         {menuItems}
       </Menu>
diff --git a/src/containers/List/index.jsx b/src/containers/List/index.jsx
index 629b73ab..9bec2ed6 100644
--- a/src/containers/List/index.jsx
+++ b/src/containers/List/index.jsx
@@ -279,12 +279,18 @@ export default class BaseList extends React.Component {
 
   get tableTopHeight() {
     const tableSearchHeader = document.getElementById('sl-table-header-search');
+    const tableSearchInputItemMenu =
+      document.getElementById('search-items-menu');
     const tableSearchHeight = tableSearchHeader
       ? tableSearchHeader.scrollHeight
       : defaultTableSearchHeight;
-    const topTotal = navHeight + breadcrumbHeight + tableSearchHeight + padding;
+    const searchMenuHeight = tableSearchInputItemMenu?.scrollHeight || 0;
+    const searchHeight = searchMenuHeight
+      ? tableSearchHeight - searchMenuHeight + 10
+      : tableSearchHeight;
+    const topTotal = navHeight + breadcrumbHeight + searchHeight + padding;
     if (this.hasSubTab) {
-      return topTotal + tabHeight * 2;
+      return topTotal + tabHeight * 2 + 20;
     }
     if (this.hasTab) {
       return topTotal + tabHeight;