chore: invites ui improvements

packages/web/src/javascripts/Components/UIElements/CheckmarkCircle.tsx

@@ -1,13 +1,16 @@
 import Icon from '@/Components/Icon/Icon'
+import { classNames } from '@standardnotes/snjs'
 
-export const CheckmarkCircle = () => {
+export const CheckmarkCircle = ({ className }: { className?: string }) => {
   return (
-    <button
-      className={
-        'peer flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-success text-success-contrast'
-      }
+    <div
+      role="presentation"
+      className={classNames(
+        'peer flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-success text-success-contrast',
+        className,
+      )}
     >
-      <Icon type={'check'} size="small" />
-    </button>
+      <Icon type="check" size="small" />
+    </div>
   )
 }