diff --git a/components/ui/Button/Button.tsx b/components/ui/Button/Button.tsx
index c8e78fb45..4a3e3cc66 100644
--- a/components/ui/Button/Button.tsx
+++ b/components/ui/Button/Button.tsx
@@ -1,9 +1,11 @@
 import cn from 'classnames'
 import React, {
+  forwardRef,
   ButtonHTMLAttributes,
   JSXElementConstructor,
   useRef,
 } from 'react'
+import mergeRefs from 'react-merge-refs'
 import { useButton } from 'react-aria'
 import s from './Button.module.css'
 
@@ -16,7 +18,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
   Component?: string | JSXElementConstructor<any>
 }
 
-const Button: React.FC<Props> = (props) => {
+const Button: React.FC<Props> = forwardRef((props, buttonRef) => {
   const {
     className,
     variant = 'filled',
@@ -54,7 +56,7 @@ const Button: React.FC<Props> = (props) => {
       href={href}
       aria-pressed={active}
       data-variant={variant}
-      ref={ref}
+      ref={mergeRefs([ref, buttonRef])}
       {...rest}
       {...buttonProps}
       data-active={isPressed ? '' : undefined}
@@ -62,6 +64,6 @@ const Button: React.FC<Props> = (props) => {
       {children}
     </Component>
   )
-}
+})
 
 export default Button
diff --git a/package.json b/package.json
index 115c6c505..467d3f3a6 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "react": "^16.13.1",
     "react-aria": "^3.0.0",
     "react-dom": "^16.13.1",
+    "react-merge-refs": "^1.1.0",
     "react-ticker": "^1.2.2",
     "swr": "^0.3.3"
   },
diff --git a/yarn.lock b/yarn.lock
index 6f0c5d67d..ce18c8110 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6698,6 +6698,11 @@ react-is@16.13.1, react-is@^16.8.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-merge-refs@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/react-merge-refs/-/react-merge-refs-1.1.0.tgz#73d88b892c6c68cbb7a66e0800faa374f4c38b06"
+  integrity sha512-alTKsjEL0dKH/ru1Iyn7vliS2QRcBp9zZPGoWxUOvRGWPUYgjo+V01is7p04It6KhgrzhJGnIj9GgX8W4bZoCQ==
+
 react-refresh@0.8.3:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"