diff --git a/packages/terra-core-docs/CHANGELOG.md b/packages/terra-core-docs/CHANGELOG.md
index af8ebf9db10..6d095a77a66 100644
--- a/packages/terra-core-docs/CHANGELOG.md
+++ b/packages/terra-core-docs/CHANGELOG.md
@@ -29,6 +29,7 @@
 
 * Updated
   * Updated `terra-alert` documentation for custom titles.
+  * Updated `terra-dropdown-button` documentation for testing uuid details.
   * Updated exisiting examples upto a11y standards
 
 * Fixed
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/About.1.doc.mdx b/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/About.1.doc.mdx
index 487780be978..3f6648319ec 100644
--- a/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/About.1.doc.mdx
+++ b/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/About.1.doc.mdx
@@ -37,6 +37,11 @@ This component requires the following peer dependencies be installed in your app
 
 <!-- AUTO-GENERATED-CONTENT:END -->
 
+## Implementation Notes:
+The Form-Field component must be composed inside the [Base][1] component with a locale in order for it to load the correct translation strings.
+
+[1]: https://engineering.cerner.com/terra-ui/application/terra-application/components/application-base
+
 ## Usage
 
 ```jsx
@@ -62,3 +67,26 @@ import DropdownButton, { Item } from 'terra-dropdown-button';
 
 ## Item Props
 <ItemPropsTable />
+
+## Testing
+
+Terra Dropdown button uses `uuid` which changes the component's description id dynamically. To mock the return value with the Jest testing library, `jest.spyOn` can be used.
+
+If Enzyme `shallow` is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if `mount` is used then `uuid` should be mocked as shown below:
+
+```js
+import { v4 as uuidv4 } from 'uuid';
+
+let mockSpyUuid;
+
+// using a variable may result in failures. For best results, mock return value.
+beforeAll(() => {
+  mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');
+});
+
+// restore the mock
+afterAll(() => {
+  mockSpyUuid.mockRestore();
+});
+
+```
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/SplitButton.2.doc.mdx b/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/SplitButton.2.doc.mdx
index 10db89ccf23..5a1d726faed 100644
--- a/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/SplitButton.2.doc.mdx
+++ b/packages/terra-core-docs/src/terra-dev-site/doc/dropdown-button/SplitButton.2.doc.mdx
@@ -25,7 +25,7 @@ Children must be the `Item` subcomponent for proper functionality and appearance
 ## Implementation Notes:
 The SplitButton component must be composed inside the [Base][1] component with a locale in order for it to load the correct translation strings.
 
-[1]: https://engineering.cerner.com/terra-core/components/terra-base/base/base
+[1]: https://engineering.cerner.com/terra-ui/application/terra-application/components/application-base
 
 ## Usage
 
@@ -51,4 +51,27 @@ import { Item, SplitButton } from 'terra-dropdown-button';
 <SplitButtonPropsTable />
 
 ## Item Props
-<ItemPropsTable />
\ No newline at end of file
+<ItemPropsTable />
+
+## Testing
+
+Terra Split Button uses `uuid` which changes the component's description id dynamically. To mock the return value with the Jest testing library, `jest.spyOn` can be used.
+
+If Enzyme `shallow` is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if `mount` is used then `uuid` should be mocked as shown below:
+
+```js
+import { v4 as uuidv4 } from 'uuid';
+
+let mockSpyUuid;
+
+// using a variable may result in failures. For best results, mock return value.
+beforeAll(() => {
+  mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');
+});
+
+// restore the mock
+afterAll(() => {
+  mockSpyUuid.mockRestore();
+});
+
+```
\ No newline at end of file
diff --git a/packages/terra-dropdown-button/CHANGELOG.md b/packages/terra-dropdown-button/CHANGELOG.md
index aad697f2bcc..bd627ddfdae 100644
--- a/packages/terra-dropdown-button/CHANGELOG.md
+++ b/packages/terra-dropdown-button/CHANGELOG.md
@@ -1,6 +1,9 @@
 # Changelog
 
 ## Unreleased
+* Added
+  * Added 'aria-haspoup' and 'aria-controls' attributes for dropdown button.
+  * Added customClass support for dropdown item.
 
 ## 1.37.0 - (October 26, 2023)
 
diff --git a/packages/terra-dropdown-button/package.json b/packages/terra-dropdown-button/package.json
index 2fbc66a9d96..401b7ae616f 100644
--- a/packages/terra-dropdown-button/package.json
+++ b/packages/terra-dropdown-button/package.json
@@ -33,7 +33,8 @@
     "prop-types": "^15.5.8",
     "terra-hookshot": "^5.0.0",
     "terra-mixins": "^1.40.0",
-    "terra-theme-context": "^1.0.0"
+    "terra-theme-context": "^1.0.0",
+    "uuid": "3.4.0"
   },
   "scripts": {
     "compile": "babel --root-mode upward src --out-dir lib --copy-files",
diff --git a/packages/terra-dropdown-button/src/DropdownButton.jsx b/packages/terra-dropdown-button/src/DropdownButton.jsx
index 93b57d83115..a9e7d267426 100644
--- a/packages/terra-dropdown-button/src/DropdownButton.jsx
+++ b/packages/terra-dropdown-button/src/DropdownButton.jsx
@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import classNamesBind from 'classnames/bind';
 import ThemeContext from 'terra-theme-context';
 import * as KeyCode from 'keycode-js';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { v4 as uuidv4 } from 'uuid';
 import { injectIntl } from 'react-intl';
 import DropdownButtonBase from './_DropdownButtonBase';
 import styles from './DropdownButton.module.scss';
@@ -185,6 +187,9 @@ class DropdownButton extends React.Component {
     const customLabel = (selectText) ? `${selectText}, ${selectedLabel}, ${label}` : label;
     buttonAriaLabel = `${customLabel}${buttonAriaLabel ? `, ${buttonAriaLabel}` : ''}`;
 
+    const dropDownMenuId = uuidv4();
+    const dropDownMenuListId = `dropdown-menu-list-${dropDownMenuId}`;
+
     return (
       <DropdownButtonBase
         {...customProps}
@@ -197,6 +202,7 @@ class DropdownButton extends React.Component {
         refCallback={this.setListNode}
         buttonRef={this.getButtonNode}
         getSelectedOptionText={this.getSelectedOptionText}
+        menuId={dropDownMenuListId}
       >
         <button
           {...modifiedButtonAttrs}
@@ -211,6 +217,8 @@ class DropdownButton extends React.Component {
           ref={this.setButtonNode}
           aria-expanded={isOpen}
           aria-label={buttonAriaLabel}
+          aria-haspopup="true"
+          aria-controls={dropDownMenuListId}
           onBlur={this.handleBlur}
         >
           <span className={cx('dropdown-button-text')}>{label}</span>
diff --git a/packages/terra-dropdown-button/src/Item.jsx b/packages/terra-dropdown-button/src/Item.jsx
index 843b5d80d8d..7634f99bed5 100644
--- a/packages/terra-dropdown-button/src/Item.jsx
+++ b/packages/terra-dropdown-button/src/Item.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import classNamesBind from 'classnames/bind';
 import ThemeContext from 'terra-theme-context';
 import styles from './Item.module.scss';
@@ -39,6 +40,14 @@ const Item = ({
   label, onSelect, isActive, metaData, requestClose, ...customProps
 }) => {
   const theme = React.useContext(ThemeContext);
+  const itemClasses = classNames(
+    cx([
+      'item',
+      { active: isActive },
+      theme.className,
+    ]),
+    customProps.className,
+  );
   /*
     Having the li element with tabIndex -1 is important for VoiceOver in Safari, without it pressing VO + left/right will
     navigate outside the dropdown with the dropdown still open if nothing else is pressed after opening the menu.
@@ -53,11 +62,7 @@ const Item = ({
       }}
       tabIndex="0"
       role="menuitem"
-      className={cx(
-        'item',
-        { active: isActive },
-        theme.className,
-      )}
+      className={itemClasses}
     >
       {label}
     </li>
diff --git a/packages/terra-dropdown-button/src/SplitButton.jsx b/packages/terra-dropdown-button/src/SplitButton.jsx
index d63f4483ae6..b47ece58a8a 100644
--- a/packages/terra-dropdown-button/src/SplitButton.jsx
+++ b/packages/terra-dropdown-button/src/SplitButton.jsx
@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import classNamesBind from 'classnames/bind';
 import ThemeContext from 'terra-theme-context';
 import * as KeyCode from 'keycode-js';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { v4 as uuidv4 } from 'uuid';
 import { injectIntl } from 'react-intl';
 import DropdownButtonBase from './_DropdownButtonBase';
 import styles from './SplitButton.module.scss';
@@ -242,6 +244,9 @@ class SplitButton extends React.Component {
     const customLabel = (selectText) ? `${selectText}, ${selectedLabel}, ${caretLabel}` : caretLabel;
     buttonAriaLabel = `${customLabel}${buttonAriaLabel ? `, ${buttonAriaLabel}` : ''}`;
 
+    const dropDownMenuId = uuidv4();
+    const dropDownMenuListId = `dropdown-menu-list-${dropDownMenuId}`;
+
     return (
       <DropdownButtonBase
         {...customProps}
@@ -254,6 +259,7 @@ class SplitButton extends React.Component {
         buttonRef={this.getButtonNode}
         refCallback={this.setListNode}
         getSelectedOptionText={this.getSelectedOptionText}
+        menuId={dropDownMenuListId}
       >
         <button
           type="button"
@@ -282,6 +288,7 @@ class SplitButton extends React.Component {
           aria-label={buttonAriaLabel}
           onFocus={this.handleFocus}
           onBlur={this.handleBlur}
+          aria-controls={dropDownMenuListId}
           ref={this.setButtonNode}
         >
           <span className={cx('caret-icon')} />
diff --git a/packages/terra-dropdown-button/src/_Dropdown.jsx b/packages/terra-dropdown-button/src/_Dropdown.jsx
index e8c3d340d84..32f33225834 100644
--- a/packages/terra-dropdown-button/src/_Dropdown.jsx
+++ b/packages/terra-dropdown-button/src/_Dropdown.jsx
@@ -41,9 +41,10 @@ const propTypes = {
 };
 
 const Dropdown = ({
-  requestClose, isOpen, targetRef, children, width, refCallback, buttonRef, getSelectedOptionText,
+  requestClose, isOpen, targetRef, children, width, refCallback, buttonRef, getSelectedOptionText, ...customProps
 }) => {
   const buttonFocused = useRef(false);
+  const { menuId } = customProps;
   useEffect(() => {
     // added this change to bring focus back to button when dropdown list is closed.
     if (buttonFocused.current && buttonRef) {
@@ -76,6 +77,7 @@ const Dropdown = ({
             width={width}
             refCallback={refCallback}
             getSelectedOptionText={getSelectedOptionText}
+            menuId={menuId}
           >
             {children}
           </DropdownList>
diff --git a/packages/terra-dropdown-button/src/_DropdownButtonBase.jsx b/packages/terra-dropdown-button/src/_DropdownButtonBase.jsx
index c2596f36364..214bcce8a10 100644
--- a/packages/terra-dropdown-button/src/_DropdownButtonBase.jsx
+++ b/packages/terra-dropdown-button/src/_DropdownButtonBase.jsx
@@ -123,6 +123,7 @@ class DropdownButtonBase extends React.Component {
           buttonRef={buttonRef}
           refCallback={refCallback}
           getSelectedOptionText={getSelectedOptionText}
+          menuId={customProps.menuId}
         >
           {items}
         </Dropdown>
diff --git a/packages/terra-dropdown-button/src/_DropdownList.jsx b/packages/terra-dropdown-button/src/_DropdownList.jsx
index fcbd11ade82..d84818e033c 100644
--- a/packages/terra-dropdown-button/src/_DropdownList.jsx
+++ b/packages/terra-dropdown-button/src/_DropdownList.jsx
@@ -206,6 +206,7 @@ class DropdownList extends React.Component {
     const {
       width,
       refCallback,
+      ...customProps
     } = this.props;
 
     const theme = this.context;
@@ -225,6 +226,7 @@ class DropdownList extends React.Component {
         onKeyDown={this.handleKeyDown}
         onKeyUp={this.handleKeyUp}
         role="menu"
+        id={customProps.menuId}
       >
         {this.cloneChildren()}
       </ul>
diff --git a/packages/terra-dropdown-button/tests/jest/DropdownButton.test.jsx b/packages/terra-dropdown-button/tests/jest/DropdownButton.test.jsx
index 5a24d647848..901a751ad78 100644
--- a/packages/terra-dropdown-button/tests/jest/DropdownButton.test.jsx
+++ b/packages/terra-dropdown-button/tests/jest/DropdownButton.test.jsx
@@ -3,10 +3,21 @@ import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';
 import { IntlProvider } from 'react-intl';
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import { shallowWithIntl, mountWithIntl } from 'terra-enzyme-intl';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { v4 as uuidv4 } from 'uuid';
 import translationsFile from '../../translations/en.json';
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import DropdownButton, { Item, Variants } from '../../src/DropdownButton';
 
+let mockSpyUuid;
+beforeAll(() => {
+  mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');
+});
+
+afterAll(() => {
+  mockSpyUuid.mockRestore();
+});
+
 describe('Dropdown Button', () => {
   it('should render a default dropdown type', () => {
     const wrapper = shallowWithIntl(
@@ -87,7 +98,7 @@ describe('Dropdown Button', () => {
   it('correctly applies the theme context className', () => {
     const wrapper = mountWithIntl(
       <ThemeContextProvider theme={{ className: 'orion-fusion-theme' }}>
-        <DropdownButton label="Primary Option">
+        <DropdownButton label="Primary Option" id="dropDown">
           <Item label="1st Option" onSelect={() => {}} />
         </DropdownButton>
       </ThemeContextProvider>,
diff --git a/packages/terra-dropdown-button/tests/jest/SplitButton.test.jsx b/packages/terra-dropdown-button/tests/jest/SplitButton.test.jsx
index c325dfe4123..87a77c5379f 100644
--- a/packages/terra-dropdown-button/tests/jest/SplitButton.test.jsx
+++ b/packages/terra-dropdown-button/tests/jest/SplitButton.test.jsx
@@ -3,11 +3,22 @@ import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';
 import { IntlProvider } from 'react-intl';
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import { shallowWithIntl, mountWithIntl } from 'terra-enzyme-intl';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { v4 as uuidv4 } from 'uuid';
 import translationsFile from '../../translations/en.json';
 
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import SplitButton, { Item } from '../../src/SplitButton';
 
+let mockSpyUuid;
+beforeAll(() => {
+  mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');
+});
+
+afterAll(() => {
+  mockSpyUuid.mockRestore();
+});
+
 describe('Dropdown Button', () => {
   it('should render a default split type', () => {
     const wrapper = shallowWithIntl(
diff --git a/packages/terra-dropdown-button/tests/jest/__snapshots__/DropdownButton.test.jsx.snap b/packages/terra-dropdown-button/tests/jest/__snapshots__/DropdownButton.test.jsx.snap
index 886b84b472f..f7fb559c4fe 100644
--- a/packages/terra-dropdown-button/tests/jest/__snapshots__/DropdownButton.test.jsx.snap
+++ b/packages/terra-dropdown-button/tests/jest/__snapshots__/DropdownButton.test.jsx.snap
@@ -36,10 +36,12 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
   }
 >
   <InjectIntl(DropdownButton)
+    id="dropDown"
     label="Primary Option"
   >
     <DropdownButton
       buttonAttrs={Object {}}
+      id="dropDown"
       intl={
         Object {
           "defaultFormats": Object {},
@@ -76,6 +78,7 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
       <DropdownButtonBase
         buttonRef={[Function]}
         getSelectedOptionText={[Function]}
+        id="dropDown"
         isBlock={false}
         isCompact={false}
         isDisabled={false}
@@ -86,15 +89,20 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
             onSelect={[Function]}
           />
         }
+        menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
         refCallback={[Function]}
         requestClose={[Function]}
       >
         <div
           className="dropdown-button-base orion-fusion-theme"
+          id="dropDown"
+          menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
         >
           <button
+            aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
             aria-disabled={false}
             aria-expanded={false}
+            aria-haspopup="true"
             aria-label="Primary Option"
             className="dropdown-button neutral orion-fusion-theme"
             disabled={false}
@@ -117,6 +125,7 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
             buttonRef={[Function]}
             getSelectedOptionText={[Function]}
             isOpen={false}
+            menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
             refCallback={[Function]}
             requestClose={[Function]}
             targetRef={[Function]}
diff --git a/packages/terra-dropdown-button/tests/jest/__snapshots__/SplitButton.test.jsx.snap b/packages/terra-dropdown-button/tests/jest/__snapshots__/SplitButton.test.jsx.snap
index 4016f5bbc25..eb71ce48407 100644
--- a/packages/terra-dropdown-button/tests/jest/__snapshots__/SplitButton.test.jsx.snap
+++ b/packages/terra-dropdown-button/tests/jest/__snapshots__/SplitButton.test.jsx.snap
@@ -88,11 +88,13 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
             onSelect={[Function]}
           />
         }
+        menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
         refCallback={[Function]}
         requestClose={[Function]}
       >
         <div
           className="dropdown-button-base orion-fusion-theme"
+          menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
         >
           <button
             aria-disabled={false}
@@ -106,6 +108,7 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
             Primary Option
           </button>
           <button
+            aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
             aria-disabled={false}
             aria-expanded={false}
             aria-haspopup="menu"
@@ -126,6 +129,7 @@ exports[`Dropdown Button correctly applies the theme context className 1`] = `
             buttonRef={[Function]}
             getSelectedOptionText={[Function]}
             isOpen={false}
+            menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
             refCallback={[Function]}
             requestClose={[Function]}
             targetRef={[Function]}
@@ -183,6 +187,7 @@ exports[`Dropdown Button should render a block split type 1`] = `
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -198,6 +203,7 @@ exports[`Dropdown Button should render a block split type 1`] = `
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -231,6 +237,7 @@ exports[`Dropdown Button should render a compact split type 1`] = `
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -246,6 +253,7 @@ exports[`Dropdown Button should render a compact split type 1`] = `
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -279,6 +287,7 @@ exports[`Dropdown Button should render a default split type 1`] = `
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -294,6 +303,7 @@ exports[`Dropdown Button should render a default split type 1`] = `
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -328,6 +338,7 @@ exports[`Dropdown Button should render a disabled split type 1`] = `
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -343,6 +354,7 @@ exports[`Dropdown Button should render a disabled split type 1`] = `
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -376,6 +388,7 @@ exports[`Dropdown Button should render a split type with custom attributes 1`] =
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   other-custom-attribute="purple"
   refCallback={[Function]}
   requestClose={[Function]}
@@ -393,6 +406,7 @@ exports[`Dropdown Button should render a split type with custom attributes 1`] =
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -436,6 +450,7 @@ exports[`Dropdown Button should render a split type with multiple children 1`] =
       />,
     ]
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -451,6 +466,7 @@ exports[`Dropdown Button should render a split type with multiple children 1`] =
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"
@@ -484,6 +500,7 @@ exports[`Dropdown Button should render an open split type 1`] = `
       onSelect={[Function]}
     />
   }
+  menuId="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
   refCallback={[Function]}
   requestClose={[Function]}
 >
@@ -499,6 +516,7 @@ exports[`Dropdown Button should render an open split type 1`] = `
     Primary Option
   </button>
   <button
+    aria-controls="dropdown-menu-list-00000000-0000-0000-0000-000000000000"
     aria-disabled={false}
     aria-expanded={false}
     aria-haspopup="menu"