diff --git a/components/lib/datatable/ColumnFilter.js b/components/lib/datatable/ColumnFilter.js
index 4b86a99fcb..ab0c22cf85 100644
--- a/components/lib/datatable/ColumnFilter.js
+++ b/components/lib/datatable/ColumnFilter.js
@@ -559,7 +559,7 @@ export const ColumnFilter = React.memo((props) => {
                 'aria-haspopup': true,
                 'aria-expanded': overlayVisibleState,
                 'aria-label': label,
-                'aria-controls': overlayId.current,
+                'aria-controls': overlayVisibleState ? overlayId.current : undefined,
                 onClick: (e) => toggleMenu(e),
                 onKeyDown: (e) => onToggleButtonKeyDown(e)
             },