diff --git a/app/components/Checkbox.js b/app/components/Checkbox.js
index 85efc12a..1c19a48e 100644
--- a/app/components/Checkbox.js
+++ b/app/components/Checkbox.js
@@ -1,8 +1,8 @@
 // @flow
 import * as React from "react";
+import { VisuallyHidden } from "reakit/VisuallyHidden";
 import styled from "styled-components";
 import HelpText from "components/HelpText";
-import VisuallyHidden from "components/VisuallyHidden";
 
 export type Props = {
   checked?: boolean,
diff --git a/app/components/Input.js b/app/components/Input.js
index 655ae46a..e12344f2 100644
--- a/app/components/Input.js
+++ b/app/components/Input.js
@@ -2,9 +2,9 @@
 import { observable } from "mobx";
 import { observer } from "mobx-react";
 import * as React from "react";
+import { VisuallyHidden } from "reakit/VisuallyHidden";
 import styled from "styled-components";
 import Flex from "components/Flex";
-import VisuallyHidden from "components/VisuallyHidden";
 
 const RealTextarea = styled.textarea`
   border: 0;
diff --git a/app/components/InputSelect.js b/app/components/InputSelect.js
index d53bbf5c..b23391a7 100644
--- a/app/components/InputSelect.js
+++ b/app/components/InputSelect.js
@@ -2,8 +2,8 @@
 import { observable } from "mobx";
 import { observer } from "mobx-react";
 import * as React from "react";
+import { VisuallyHidden } from "reakit/VisuallyHidden";
 import styled from "styled-components";
-import VisuallyHidden from "components/VisuallyHidden";
 import { Outline, LabelText } from "./Input";
 
 const Select = styled.select`
diff --git a/app/components/VisuallyHidden.js b/app/components/VisuallyHidden.js
deleted file mode 100644
index 8b0256ae..00000000
--- a/app/components/VisuallyHidden.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// @flow
-import styled from "styled-components";
-
-const VisuallyHidden = styled("span")`
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-
-export default VisuallyHidden;
diff --git a/app/menus/CollectionMenu.js b/app/menus/CollectionMenu.js
index 29e93d99..8f822019 100644
--- a/app/menus/CollectionMenu.js
+++ b/app/menus/CollectionMenu.js
@@ -4,6 +4,7 @@ import * as React from "react";
 import { useTranslation } from "react-i18next";
 import { useHistory } from "react-router-dom";
 import { useMenuState, MenuButton } from "reakit/Menu";
+import { VisuallyHidden } from "reakit/VisuallyHidden";
 import Collection from "models/Collection";
 import CollectionDelete from "scenes/CollectionDelete";
 import CollectionEdit from "scenes/CollectionEdit";
@@ -13,7 +14,6 @@ import ContextMenu from "components/ContextMenu";
 import OverflowMenuButton from "components/ContextMenu/OverflowMenuButton";
 import Template from "components/ContextMenu/Template";
 import Modal from "components/Modal";
-import VisuallyHidden from "components/VisuallyHidden";
 import useStores from "hooks/useStores";
 import getDataTransferFiles from "utils/getDataTransferFiles";
 import { newDocumentUrl } from "utils/routeHelpers";