diff --git a/components/popper/Popper.js b/components/popper/Popper.js
index dd7af3fc8..5d6d4f336 100644
--- a/components/popper/Popper.js
+++ b/components/popper/Popper.js
@@ -1,11 +1,29 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Portal from '../portal/Portal';
 
 const Popper = React.forwardRef(({ children, position, isOpen, role = 'tooltip', ...rest }, ref) => {
+    useEffect(() => {
+        if (isOpen) {
+            ref.current.focus();
+        }
+    }, [isOpen]);
+
     return (
         <Portal>
-            <div {...rest} ref={ref} style={position} role={role} hidden={!isOpen} aria-hidden={!isOpen}>
+            <div
+                {...rest}
+                ref={ref}
+                style={{
+                    outline: 'none',
+                    ...position
+                }}
+                role={role}
+                hidden={!isOpen}
+                aria-hidden={!isOpen}
+                aria-modal="true"
+                tabIndex="-1"
+            >
                 {children}
             </div>
         </Portal>