remove unnecessary DocsPopover and more actions changes

Author: david-crespo

app/components/DocsPopover.tsx

@@ -46,10 +46,11 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps)
   const title = `Learn about ${heading}`
   return (
     <Popover>
-      <PopoverButton title={title}>
-        <div className={cn(buttonStyle({ size: 'sm', variant: 'ghost' }), 'w-8')}>
-          <Info16Icon aria-hidden className="shrink-0" />
-        </div>
+      <PopoverButton
+        className={cn(buttonStyle({ size: 'sm', variant: 'ghost' }), 'w-8')}
+        title={title}
+      >
+        <Info16Icon aria-hidden className="shrink-0" />
       </PopoverButton>
       <PopoverPanel
         // popover-panel needed for enter animation

app/components/MoreActionsMenu.tsx

@@ -27,15 +27,14 @@ export const MoreActionsMenu = ({
 }: MoreActionsMenuProps) => {
   return (
     <DropdownMenu.Root>
-      <DropdownMenu.Trigger aria-label={label}>
-        <div
-          className={cn(
-            'active-clicked flex items-center justify-center rounded border border-default hover:bg-tertiary',
-            isSmall ? 'h-6 w-6' : 'h-8 w-8'
-          )}
-        >
-          <More12Icon />
-        </div>
+      <DropdownMenu.Trigger
+        aria-label={label}
+        className={cn(
+          'active-clicked flex items-center justify-center rounded border border-default hover:bg-tertiary',
+          isSmall ? 'h-6 w-6' : 'h-8 w-8'
+        )}
+      >
+        <More12Icon aria-hidden />
       </DropdownMenu.Trigger>
       <DropdownMenu.Content className="mt-2">{children}</DropdownMenu.Content>
     </DropdownMenu.Root>