From 6ea4129cb7d01b06ff1c7a29c36b66f6af55cc6c Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 23 Aug 2022 10:40:39 -0500
Subject: [PATCH] EmbedModal: use Divider component

---
 app/soapbox/features/ui/components/embed-modal.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/ui/components/embed-modal.tsx b/app/soapbox/features/ui/components/embed-modal.tsx
index 296e140eb..a715b50a7 100644
--- a/app/soapbox/features/ui/components/embed-modal.tsx
+++ b/app/soapbox/features/ui/components/embed-modal.tsx
@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 
 import { closeModal } from 'soapbox/actions/modals';
 import SafeEmbed from 'soapbox/components/safe-embed';
-import { Modal, Stack, Text, Input } from 'soapbox/components/ui';
+import { Modal, Stack, Text, Input, Divider } from 'soapbox/components/ui';
 import { useAppDispatch } from 'soapbox/hooks';
 import useEmbed from 'soapbox/queries/embed';
 
@@ -48,7 +48,9 @@ const EmbedModal: React.FC<IEmbedModal> = ({ url, onError }) => {
         />
       </Stack>
 
-      <hr className='my-9 dark:border-primary-800' />
+      <div className='py-9'>
+        <Divider />
+      </div>
 
       <SafeEmbed
         className='rounded-xl overflow-hidden w-full'