Toast: remove unnecessary outer div

app/soapbox/components/ui/toast/toast.tsx

@@ -103,13 +103,12 @@ const Toast = (props: IToast) => {
       data-testid='toast'
       className={
         classNames({
-          'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-900 shadow-lg dark:ring-2 dark:ring-gray-800': true,
+          'p-4 pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-900 shadow-lg dark:ring-2 dark:ring-gray-800': true,
           'animate-enter': t.visible,
           'animate-leave': !t.visible,
         })
       }
     >
-      <div className='p-4'>
       <HStack space={4} alignItems='start'>
         <HStack space={3} justifyContent='between' alignItems='start' className='w-0 flex-1'>
           <HStack space={3} alignItems='start' className='w-0 flex-1'>
@@ -140,7 +139,6 @@ const Toast = (props: IToast) => {
         </div>
       </HStack>
     </div>
-    </div>
   );
 };