diff --git a/packages/app/src/components/collapsible/collapsible-section.tsx b/packages/app/src/components/collapsible/collapsible-section.tsx
index 933e9852c6..974791896b 100644
--- a/packages/app/src/components/collapsible/collapsible-section.tsx
+++ b/packages/app/src/components/collapsible/collapsible-section.tsx
@@ -64,7 +64,7 @@ export const CollapsibleSection = ({
   return (
     <Box as="section" borderTop={hideBorder ? undefined : `1px solid ${borderColor}`} id={id} ref={section} className={`${className} ${collapsible.isOpen ? 'open' : ''}`}>
       <Summary color={textColor} onClick={() => collapsible.toggle()} fontSize={fontSize}>
-        <Box width="100%" position="relative">
+        <Box width="100%" position="relative" pr={space[5]}>
           {summary}
           {id && (
             <StyledAnchor aria-hidden="true" tabIndex={-1} onClick={(event) => event.stopPropagation()} href={`#${id}`}>
diff --git a/packages/app/src/components/page-information-block/page-information-block.tsx b/packages/app/src/components/page-information-block/page-information-block.tsx
index 095aa1065a..e65cf9e2f6 100644
--- a/packages/app/src/components/page-information-block/page-information-block.tsx
+++ b/packages/app/src/components/page-information-block/page-information-block.tsx
@@ -110,8 +110,10 @@ export function PageInformationBlock({
               <Box flex="1" display="flex" flexDirection="column" spacing={3}>
                 {pageInformationHeader.dataExplained && (
                   <PageInformationButton href={pageInformationHeader.dataExplained.link}>
-                    <BoldText>{pageInformationHeader.dataExplained.button.header}</BoldText>
-                    <RichContent blocks={pageInformationHeader.dataExplained.button.text} />
+                    <Box>
+                      <BoldText>{pageInformationHeader.dataExplained.button.header}</BoldText>
+                      <RichContent blocks={pageInformationHeader.dataExplained.button.text} />
+                    </Box>
 
                     <ChevronRight />
                   </PageInformationButton>
@@ -119,8 +121,10 @@ export function PageInformationBlock({
 
                 {pageInformationHeader.faq && (
                   <PageInformationButton href={`#${pageInformationHeader.faq.link}`}>
-                    <BoldText>{pageInformationHeader.faq.button.header}</BoldText>
-                    <RichContent blocks={pageInformationHeader.faq.button.text} />
+                    <Box>
+                      <BoldText>{pageInformationHeader.faq.button.header}</BoldText>
+                      <RichContent blocks={pageInformationHeader.faq.button.text} />
+                    </Box>
 
                     <ChevronDown />
                   </PageInformationButton>
@@ -188,16 +192,15 @@ const PageInformationButton = styled(Anchor)`
   color: ${colors.black};
   cursor: pointer;
   padding: ${space[3]} ${space[4]};
-  position: relative;
   text-align: left;
+  display: flex;
+  justify-content: space-between;
+  gap: ${space[4]};
 
   svg {
     color: ${colors.primary};
-    position: absolute;
-    right: ${space[2]};
-    top: 50%;
-    transform: translate(-50%, -50%);
     width: 24px;
+    flex-shrink: 0;
   }
 
   .underline {