diff --git a/src/components/Libraries/DocumentList/DocumentItem.tsx b/src/components/Libraries/DocumentList/DocumentItem.tsx
index 122a69dd2..47116670f 100644
--- a/src/components/Libraries/DocumentList/DocumentItem.tsx
+++ b/src/components/Libraries/DocumentList/DocumentItem.tsx
@@ -118,28 +118,30 @@ export const DocumentItem = (props: IItemProps): ReactElement => {
           <SimpleLink href={`/abs/${encodedCanonicalID}/abstract`} fontWeight="semibold">
             <Text as={MathJax} dangerouslySetInnerHTML={{ __html: unwrapStringValue(title) }} />
           </SimpleLink>
-          <Flex alignItems="start" ml={1}>
-            <Tooltip label={isOpen ? 'Hide annotation' : 'Show annotation'}>
-              <IconButton
-                aria-label={isOpen ? 'Hide annotation' : 'Show annotation'}
-                aria-expanded={isOpen}
-                icon={
-                  <HStack spacing="1px" align="center">
-                    <PencilSquareIcon width="18px" height="18px" />
-                    <ChevronDownIcon
-                      boxSize="14px"
-                      transform={isOpen ? 'rotate(180deg)' : 'rotate(0deg)'}
-                      transition="transform 0.2s ease"
-                    />
-                  </HStack>
-                }
-                variant="link"
-                size="xs"
-                onClick={onToggle}
-              />
-            </Tooltip>
-            {!isClient || hideResources ? null : <ItemResourceDropdowns doc={doc} defaultCitation={defaultCitation} />}
-          </Flex>
+          {!isClient || hideResources ? null : (
+            <Flex alignItems="start" ml={1}>
+              <ItemResourceDropdowns doc={doc} defaultCitation={defaultCitation} />
+              <Tooltip label={isOpen ? 'Hide annotation' : 'Show annotation'}>
+                <IconButton
+                  aria-label={isOpen ? 'Hide annotation' : 'Show annotation'}
+                  aria-expanded={isOpen}
+                  icon={
+                    <HStack spacing="1px" align="center" mx="6px" my="2px">
+                      <PencilSquareIcon width="20px" height="20px" />
+                      <ChevronDownIcon
+                        boxSize="14px"
+                        transform={isOpen ? 'rotate(180deg)' : 'rotate(0deg)'}
+                        transition="transform 0.2s ease"
+                      />
+                    </HStack>
+                  }
+                  variant="link"
+                  size="sm"
+                  onClick={onToggle}
+                />
+              </Tooltip>
+            </Flex>
+          )}
         </Flex>
         <Flex direction="column">
           <AuthorList author={author} authorCount={author_count} bibcode={doc.bibcode} maxAuthors={maxAuthors} />
diff --git a/src/components/ResultList/Item/ItemResourceDropdowns.tsx b/src/components/ResultList/Item/ItemResourceDropdowns.tsx
index 005ebe1c7..3235d5ce6 100644
--- a/src/components/ResultList/Item/ItemResourceDropdowns.tsx
+++ b/src/components/ResultList/Item/ItemResourceDropdowns.tsx
@@ -167,8 +167,9 @@ export const ItemResourceDropdowns = ({ doc }: IItemResourceDropdownsProps): Rea
       {/* orcid menu */}
       <SimpleAction doc={doc} />
       {/* full resources menu */}
-      <Tooltip label="Full text sources" shouldWrapChildren isDisabled={isFullTextOpen}>
-        <Menu variant="compact" onOpen={() => setIsFullTextOpen(true)} onClose={() => setIsFullTextOpen(false)}>
+
+      <Menu variant="compact" onOpen={() => setIsFullTextOpen(true)} onClose={() => setIsFullTextOpen(false)}>
+        <Tooltip label="Full text sources" isDisabled={isFullTextOpen}>
           <MenuButton
             as={IconButton}
             aria-label={fullSourceItems.length > 0 ? 'Full text sources' : 'No full text sources'}
@@ -177,21 +178,21 @@ export const ItemResourceDropdowns = ({ doc }: IItemResourceDropdownsProps): Rea
             variant="link"
             size="sm"
           />
-          {fullSourceItems.length > 0 && (
-            <MenuList>
-              {fullSourceItems.map((item) => (
-                <MenuItem key={item.id} data-id={item.id} onClick={handleResourceClick}>
-                  {item.label}
-                </MenuItem>
-              ))}
-            </MenuList>
-          )}
-        </Menu>
-      </Tooltip>
+        </Tooltip>
+        {fullSourceItems.length > 0 && (
+          <MenuList>
+            {fullSourceItems.map((item) => (
+              <MenuItem key={item.id} data-id={item.id} onClick={handleResourceClick}>
+                {item.label}
+              </MenuItem>
+            ))}
+          </MenuList>
+        )}
+      </Menu>
 
       {/* reference and citation items menu */}
-      <Tooltip label="References and citations" shouldWrapChildren isDisabled={isRefsOpen}>
-        <Menu variant="compact" onOpen={() => setIsRefsOpen(true)} onClose={() => setIsRefsOpen(false)}>
+      <Menu variant="compact" onOpen={() => setIsRefsOpen(true)} onClose={() => setIsRefsOpen(false)}>
+        <Tooltip label="References and citations" isDisabled={isRefsOpen}>
           <MenuButton
             as={IconButton}
             aria-label={referenceItems.length > 0 ? 'References and citations' : 'No references and citations'}
@@ -200,21 +201,21 @@ export const ItemResourceDropdowns = ({ doc }: IItemResourceDropdownsProps): Rea
             variant="link"
             size="sm"
           />
-          {referenceItems.length > 0 && (
-            <MenuList>
-              {referenceItems.map((item) => (
-                <MenuItem key={item.id} data-id={item.id} onClick={handleReferenceClick}>
-                  {item.label}
-                </MenuItem>
-              ))}
-            </MenuList>
-          )}
-        </Menu>
-      </Tooltip>
+        </Tooltip>
+        {referenceItems.length > 0 && (
+          <MenuList>
+            {referenceItems.map((item) => (
+              <MenuItem key={item.id} data-id={item.id} onClick={handleReferenceClick}>
+                {item.label}
+              </MenuItem>
+            ))}
+          </MenuList>
+        )}
+      </Menu>
 
       {/* data product items menu */}
-      <Tooltip label="Data products" shouldWrapChildren isDisabled={isDataOpen}>
-        <Menu variant="compact" onOpen={() => setIsDataOpen(true)} onClose={() => setIsDataOpen(false)}>
+      <Menu variant="compact" onOpen={() => setIsDataOpen(true)} onClose={() => setIsDataOpen(false)}>
+        <Tooltip label="Data products" isDisabled={isDataOpen}>
           <MenuButton
             as={IconButton}
             aria-label={dataProductItems.length > 0 ? 'Data products' : 'No data products'}
@@ -223,33 +224,36 @@ export const ItemResourceDropdowns = ({ doc }: IItemResourceDropdownsProps): Rea
             variant="link"
             size="sm"
           />
-          {dataProductItems.length > 0 && (
-            <MenuList>
-              {dataProductItems.map((item) => (
-                <MenuItem key={item.id} data-id={item.id} onClick={handleDataProductClick}>
-                  {item.label}
-                </MenuItem>
-              ))}
-            </MenuList>
-          )}
-        </Menu>
-      </Tooltip>
-      {/* share menu */}
-      <Tooltip label="Share options" shouldWrapChildren isDisabled={isShareOpen}>
-        <Menu variant="compact" isOpen={isShareOpen} onOpen={onShareOpen} onClose={onShareClose}>
-          <MenuButton
-            as={IconButton}
-            aria-label="share options"
-            icon={<ShareIcon width="20px" height="20px" />}
-            variant="link"
-            size="sm"
-          />
+        </Tooltip>
+        {dataProductItems.length > 0 && (
           <MenuList>
-            <MenuItem onClick={handleCopyAbstractUrl}>Copy URL</MenuItem>
-            <CopyMenuItem text={citation} onCopyComplete={handleCitationCopied} label="Copy Citation" asHtml />
+            {dataProductItems.map((item) => (
+              <MenuItem key={item.id} data-id={item.id} onClick={handleDataProductClick}>
+                {item.label}
+              </MenuItem>
+            ))}
           </MenuList>
-        </Menu>
-      </Tooltip>
+        )}
+      </Menu>
+
+      {/* share menu */}
+      <Menu variant="compact" isOpen={isShareOpen} onOpen={onShareOpen} onClose={onShareClose}>
+        <MenuButton
+          as={IconButton}
+          aria-label="share options"
+          icon={
+            <Tooltip label="Share options" isDisabled={isShareOpen}>
+              <ShareIcon width="20px" height="20px" />
+            </Tooltip>
+          }
+          variant="link"
+          size="sm"
+        />
+        <MenuList>
+          <MenuItem onClick={handleCopyAbstractUrl}>Copy URL</MenuItem>
+          <CopyMenuItem text={citation} onCopyComplete={handleCitationCopied} label="Copy Citation" asHtml />
+        </MenuList>
+      </Menu>
     </Flex>
   );
 };