diff --git a/packages/botonic-react/src/components/button.jsx b/packages/botonic-react/src/components/button.jsx
index abd1868775..3de6ebbab3 100644
--- a/packages/botonic-react/src/components/button.jsx
+++ b/packages/botonic-react/src/components/button.jsx
@@ -36,8 +36,10 @@ export const Button = props => {
     if (props.webview) openWebview(props.webview, props.params)
     else if (props.path) sendPayload(`__PATH_PAYLOAD__${props.path}`)
     else if (props.payload) sendPayload(props.payload)
-    else if (props.url) window.open(props.url)
-    else if (props.onClick) props.onClick()
+    else if (props.url) {
+      window.open(props.url)
+      props.onClick()
+    } else if (props.onClick) props.onClick()
   }
 
   const renderBrowser = () => {
diff --git a/packages/botonic-react/src/webchat/webchat.jsx b/packages/botonic-react/src/webchat/webchat.jsx
index be2bf592c7..9350aabae8 100644
--- a/packages/botonic-react/src/webchat/webchat.jsx
+++ b/packages/botonic-react/src/webchat/webchat.jsx
@@ -401,7 +401,12 @@ export const Webchat = forwardRef((props, ref) => {
             <PersistentMenu>
               {Object.values(props.persistentMenu).map((e, i) => {
                 return (
-                  <Button payload={e.payload} key={i}>
+                  <Button
+                    onClick={closeMenu}
+                    url={e.url}
+                    payload={e.payload}
+                    key={i}
+                  >
                     {Object.values(e.label)}
                   </Button>
                 )