diff --git a/centrifuge-app/src/components/IssuerSection.tsx b/centrifuge-app/src/components/IssuerSection.tsx
index 260f434a0..dcd8fd446 100644
--- a/centrifuge-app/src/components/IssuerSection.tsx
+++ b/centrifuge-app/src/components/IssuerSection.tsx
@@ -1,85 +1,133 @@
 import { PoolMetadata } from '@centrifuge/centrifuge-js'
 import { useCentrifuge } from '@centrifuge/centrifuge-react'
-import { Accordion, AnchorButton, Box, IconExternalLink, Shelf, Text } from '@centrifuge/fabric'
+import {
+  Box,
+  IconBalanceSheet,
+  IconCashflow,
+  IconChevronRight,
+  IconProfitAndLoss,
+  Shelf,
+  Stack,
+  Text,
+} from '@centrifuge/fabric'
 import * as React from 'react'
 import { useLocation } from 'react-router'
+import styled from 'styled-components'
 import { ExecutiveSummaryDialog } from './Dialogs/ExecutiveSummaryDialog'
-import { LabelValueStack } from './LabelValueStack'
-import { PillButton } from './PillButton'
-import { AnchorTextLink, RouterTextLink } from './TextLink'
+import { AnchorPillButton, PillButton } from './PillButton'
+import { RouterTextLink } from './TextLink'
+
+const SUBTLE_GRAY = '#91969b21'
 
 type IssuerSectionProps = {
   metadata: Partial<PoolMetadata> | undefined
 }
 
 const reportLinks = [
-  { label: 'Balance sheet', href: '/balance-sheet' },
-  { label: 'Profit & loss', href: '/profit-and-loss' },
-  { label: 'Cashflow statement', href: '/cash-flow-statement' },
-  { label: 'View all', href: '/' },
+  { label: 'Balance sheet', href: '/balance-sheet', icon: <IconBalanceSheet /> },
+  { label: 'Profit & loss', href: '/profit-and-loss', icon: <IconProfitAndLoss /> },
+  { label: 'Cashflow statement', href: '/cash-flow-statement', icon: <IconCashflow /> },
 ]
 
+const StyledRouterTextLink = styled(RouterTextLink)`
+  color: white;
+  text-decoration: unset;
+  font-size: 14px;
+  :active {
+    color: white;
+  }
+  :visited {
+    color: white;
+  }
+`
+
 export function ReportDetails({ metadata }: IssuerSectionProps) {
   const cent = useCentrifuge()
   const { pathname } = useLocation()
   const report = metadata?.pool?.reports?.[0]
 
   return (
-    <Shelf flexDirection="column" alignItems="flex-start">
-      <Shelf marginBottom={30}>
-        <LabelValueStack
-          label=""
-          value={
-            <Text variant="body1">
-              <Shelf flexWrap="wrap" gap={2} alignItems="flex-start">
-                {reportLinks.map((link, i) => (
-                  <RouterTextLink to={`${pathname}/reporting${link.href}`} key={`${link.label}-${i}`}>
-                    {link.label}
-                  </RouterTextLink>
-                ))}
-              </Shelf>
-            </Text>
-          }
-        />
-      </Shelf>
-      {report && (
+    <>
+      <Box display="flex" justifyContent="space-between" alignItems="center">
+        <Text color="white" variant="heading4">
+          Reports
+        </Text>
+        <Box backgroundColor={SUBTLE_GRAY} padding="8px 22px" borderRadius="4px">
+          <StyledRouterTextLink to={`${pathname}/reporting`}>View all</StyledRouterTextLink>
+        </Box>
+      </Box>
+
+      <Box marginY={2} backgroundColor={SUBTLE_GRAY} padding={2} borderRadius={10}>
+        {reportLinks.map((link, i) => (
+          <Box
+            borderBottom={i === reportLinks.length - 1 ? null : `2px solid ${SUBTLE_GRAY}`}
+            display="flex"
+            alignItems="center"
+            justifyContent="space-between"
+            paddingY={3}
+          >
+            <Box display="flex" alignItems="center">
+              {link.icon}
+              <StyledRouterTextLink
+                style={{ marginLeft: 8 }}
+                to={`${pathname}/reporting${link.href}`}
+                key={`${link.label}-${i}`}
+              >
+                {link.label}
+              </StyledRouterTextLink>
+            </Box>
+            <IconChevronRight color="white" />
+          </Box>
+        ))}
+      </Box>
+
+      {report?.author.name && report.author.title && (
         <>
-          <Text style={{ marginBottom: 8 }} variant="heading2">
+          <Text color="white" variant="heading4">
             Pool analysis
           </Text>
           <Shelf gap={1}>
-            {report.author.avatar?.uri && (
-              <Box
-                as="img"
-                height={40}
-                borderRadius={30}
-                src={cent.metadata.parseMetadataUrl(report.author.avatar.uri)}
-                alt=""
-              />
-            )}
-            <Text variant="body2">
+            <Text variant="body4" color="textSecondary">
               Reviewer: {report.author.name}
               <br />
               {report.author.title}
             </Text>
           </Shelf>
-          <Shelf marginTop={20}>
-            <AnchorButton href={report.uri} target="_blank" variant="secondary" icon={IconExternalLink}>
-              View full report
-            </AnchorButton>
-          </Shelf>
         </>
       )}
-    </Shelf>
+    </>
   )
 }
 
 export function IssuerDetails({ metadata }: IssuerSectionProps) {
   const cent = useCentrifuge()
   const [isDialogOpen, setIsDialogOpen] = React.useState(false)
+
+  const links = [
+    {
+      label: 'Website',
+      href: metadata?.pool?.links.website,
+      show: !!metadata?.pool?.links.website,
+    },
+    {
+      label: 'Forum',
+      href: metadata?.pool?.links.forum,
+      show: !!metadata?.pool?.links.forum,
+    },
+    {
+      label: 'Email',
+      href: `mailto:${metadata?.pool?.issuer.email}`,
+      show: !!metadata?.pool?.issuer.email,
+    },
+    {
+      label: 'Executive Summary',
+      show: !!metadata?.pool?.links.executiveSummary,
+      onClick: () => setIsDialogOpen(true),
+    },
+  ]
   return (
-    <>
-      <Shelf gap={1}>
+    <Stack>
+      <Shelf display="flex" justifyContent="space-between" marginBottom={12}>
         {metadata?.pool?.issuer.logo && (
           <Box
             as="img"
@@ -89,52 +137,44 @@ export function IssuerDetails({ metadata }: IssuerSectionProps) {
             src={cent.metadata.parseMetadataUrl(metadata?.pool?.issuer.logo?.uri)}
           />
         )}
-        <Text variant="body2">{metadata?.pool?.issuer.name}</Text>
+        <Links links={links} />
       </Shelf>
-      <Text variant="body2">{metadata?.pool?.issuer.description}</Text>
+      <Box pt={4}>
+        <Text variant="heading2">{metadata?.pool?.name}</Text>
+        <Text variant="body2" style={{ marginTop: '12px' }}>
+          {metadata?.pool?.issuer.description}
+        </Text>
+      </Box>
+      <ExecutiveSummaryDialog
+        issuerName={metadata?.pool?.issuer.name ?? ''}
+        href={cent.metadata.parseMetadataUrl(metadata?.pool?.links.executiveSummary?.uri ?? '')}
+        open={isDialogOpen}
+        onClose={() => setIsDialogOpen(false)}
+      />
+    </Stack>
+  )
+}
 
-      {metadata?.pool?.links.executiveSummary && (
-        <LabelValueStack
-          label="Download"
-          value={
-            <>
-              <PillButton variant="small" onClick={() => setIsDialogOpen(true)}>
-                Executive summary
-              </PillButton>
-              <ExecutiveSummaryDialog
-                issuerName={metadata?.pool?.issuer.name}
-                href={cent.metadata.parseMetadataUrl(metadata?.pool?.links.executiveSummary?.uri)}
-                open={isDialogOpen}
-                onClose={() => setIsDialogOpen(false)}
-              />
-            </>
-          }
-        />
-      )}
+const Links = ({ links }: { links: { label: string; href?: string; show: boolean; onClick?: () => void }[] }) => {
+  return (
+    <Box display="flex">
+      {links.map((link, index) => {
+        if (!link.show) return null
 
-      {(metadata?.pool?.links.website || metadata?.pool?.links.forum || metadata?.pool?.issuer.email) && (
-        <LabelValueStack
-          label="Links"
-          value={
-            <Text variant="body3">
-              <Shelf flexWrap="wrap" gap={2} alignItems="flex-start">
-                {metadata?.pool?.links.website && (
-                  <AnchorTextLink href={metadata?.pool?.links.website}>Website</AnchorTextLink>
-                )}
-                {metadata?.pool?.links.forum && (
-                  <AnchorTextLink href={metadata?.pool?.links.forum}>Forum</AnchorTextLink>
-                )}
-                {metadata?.pool?.issuer.email && (
-                  <AnchorTextLink href={`mailto:${metadata?.pool?.issuer.email}`}>Email</AnchorTextLink>
-                )}
-              </Shelf>
-            </Text>
-          }
-        />
-      )}
-      {!!metadata?.pool?.details?.length && (
-        <LabelValueStack label="Details" value={<Accordion items={metadata?.pool?.details} />} />
-      )}
-    </>
+        if (link.onClick) {
+          return (
+            <PillButton key={`${link.label} ${index}`} variant="small" onClick={link.onClick}>
+              {link.label}
+            </PillButton>
+          )
+        }
+
+        return (
+          <AnchorPillButton style={{ marginRight: 8 }} variant="small" key={`${link.label} ${index}`} href={link.href}>
+            {link.label}
+          </AnchorPillButton>
+        )
+      })}
+    </Box>
   )
 }
diff --git a/centrifuge-app/src/components/PillButton.tsx b/centrifuge-app/src/components/PillButton.tsx
index 48bf81d31..cea7e31c8 100644
--- a/centrifuge-app/src/components/PillButton.tsx
+++ b/centrifuge-app/src/components/PillButton.tsx
@@ -8,24 +8,25 @@ const Pill = styled.button<{ variant?: 'small' | 'regular' }>(
   css({
     display: 'inline-block',
     appearance: 'none',
-    border: 0,
     color: 'textPrimary',
     whiteSpace: 'nowrap',
     cursor: 'pointer',
     backgroundColor: 'backgroundSecondary',
     textDecoration: 'none',
-    '&:visited,&:active': {
+    borderRadius: 20,
+    '&:visited, &:active': {
       color: 'textPrimary',
     },
     '&:hover': {
-      color: 'textSelected',
+      color: 'textGold',
     },
   }),
-  {
+  ({ theme }) => ({
+    border: `1px solid ${theme.colors.textPrimary}`,
     '&:focus-visible': {
       boxShadow: '3px 3px 0 var(--fabric-focus)',
     },
-  },
+  }),
   ({ variant }) =>
     variant === 'regular'
       ? css({
diff --git a/centrifuge-app/src/components/PoolOverview/PoolStructure.tsx b/centrifuge-app/src/components/PoolOverview/PoolStructure.tsx
deleted file mode 100644
index cb7906212..000000000
--- a/centrifuge-app/src/components/PoolOverview/PoolStructure.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Rate } from '@centrifuge/centrifuge-js'
-import { Box, Card, Grid, Stack, Text, Tooltip } from '@centrifuge/fabric'
-import capitalize from 'lodash/capitalize'
-import { formatPercentage } from '../../utils/formatting'
-
-type Props = {
-  numOfTranches: number
-  poolId: string
-  poolStatus?: string
-  poolFees: {
-    fee: Rate
-    name: string
-    id: number
-  }[]
-}
-
-export const PoolStructure = ({ numOfTranches, poolStatus, poolFees }: Props) => {
-  const metrics = [
-    {
-      metric: 'Pool type',
-      value: capitalize(poolStatus),
-    },
-    {
-      metric: 'Pool structure',
-      value: 'Revolving pool',
-    },
-    {
-      metric: 'Tranche structure',
-      value: numOfTranches === 1 ? 'Unitranche' : `${numOfTranches} tranches`,
-    },
-    ...poolFees.map((fee) => {
-      return {
-        metric: fee.name,
-        value: formatPercentage(fee.fee.toPercent(), true, {}, 3),
-      }
-    }),
-  ]
-
-  const getValue = (metric: string, value: string) => {
-    if (metric === 'Pool structure')
-      return (
-        <Tooltip body="Investment and redemption orders can come in at any time, and assets can be financed and repaid continuously.">
-          <Text variant="label2" color="textPrimary">
-            {value}
-          </Text>
-        </Tooltip>
-      )
-    if (metric === 'Tranche structure')
-      return (
-        <Tooltip body="For each tranche, tokens are issued that investors receive, representing interests in the tranches of the pool.">
-          <Text variant="label2" color="textPrimary">
-            {value}
-          </Text>
-        </Tooltip>
-      )
-
-    if (metric === 'Pool type' && value === 'Open')
-      return (
-        <Tooltip body="An open pool that allows for a broader distribution to third-party investors as well as DeFi protocols. These pools have multiple unrelated token holders and can onboard third party investors.">
-          <Text variant="label2" color="textPrimary">
-            Open
-          </Text>
-        </Tooltip>
-      )
-    return (
-      <Text variant="body3" textOverflow="ellipsis" whiteSpace="nowrap">
-        {value}
-      </Text>
-    )
-  }
-
-  return (
-    <Card p={3}>
-      <Stack gap={2}>
-        <Text fontSize="18px" fontWeight="500">
-          Structure
-        </Text>
-        <Box borderStyle="solid" borderWidth="1px" borderColor="borderPrimary">
-          {metrics.map(({ metric, value }, index) => (
-            <Grid
-              borderBottomStyle={index === metrics.length - 1 ? 'none' : 'solid'}
-              borderBottomWidth={index === metrics.length - 1 ? '0' : '1px'}
-              borderBottomColor={index === metrics.length - 1 ? 'none' : 'borderPrimary'}
-              height={32}
-              key={index}
-              px={1}
-              gridTemplateColumns="1fr 1fr"
-              width="100%"
-              alignItems="center"
-              gap={2}
-            >
-              <Text variant="body3" textOverflow="ellipsis" whiteSpace="nowrap">
-                {metric}
-              </Text>
-              {getValue(metric, value)}
-            </Grid>
-          ))}
-        </Box>
-      </Stack>
-    </Card>
-  )
-}
diff --git a/centrifuge-app/src/pages/Pool/Overview/index.tsx b/centrifuge-app/src/pages/Pool/Overview/index.tsx
index 4c4497de8..1105e9474 100644
--- a/centrifuge-app/src/pages/Pool/Overview/index.tsx
+++ b/centrifuge-app/src/pages/Pool/Overview/index.tsx
@@ -1,5 +1,5 @@
-import { CurrencyBalance, Price, Rate } from '@centrifuge/centrifuge-js'
-import { Box, Button, Card, Grid, IconFileText, Stack, Text, TextWithPlaceholder } from '@centrifuge/fabric'
+import { CurrencyBalance, Price } from '@centrifuge/centrifuge-js'
+import { Box, Button, Card, Grid, TextWithPlaceholder } from '@centrifuge/fabric'
 import Decimal from 'decimal.js-light'
 import * as React from 'react'
 import { useParams } from 'react-router'
@@ -9,10 +9,8 @@ import { InvestRedeemDrawer } from '../../../components/InvestRedeem/InvestRedee
 import { IssuerDetails, ReportDetails } from '../../../components/IssuerSection'
 import { LayoutSection } from '../../../components/LayoutBase/LayoutSection'
 import { LoadBoundary } from '../../../components/LoadBoundary'
-import { Cashflows } from '../../../components/PoolOverview/Cashflows'
 import { KeyMetrics } from '../../../components/PoolOverview/KeyMetrics'
 import { PoolPerformance } from '../../../components/PoolOverview/PoolPerfomance'
-import { PoolStructure } from '../../../components/PoolOverview/PoolStructure'
 import { TrancheTokenCards } from '../../../components/PoolOverview/TrancheTokenCards'
 import { TransactionHistory } from '../../../components/PoolOverview/TransactionHistory'
 import { Spinner } from '../../../components/Spinner'
@@ -142,70 +140,23 @@ export function PoolDetailOverview() {
           </React.Suspense>
         )}
         <React.Suspense fallback={<Spinner />}>
-          {metadata?.pool?.reports?.length || !isTinlakePool ? (
-            <Card p={3}>
-              <Grid columns={[1, 2]} equalColumns gap={9} rowGap={3}>
-                <Stack gap={2}>
-                  <Box display="flex" flexDirection="row" alignItems="center">
-                    <IconFileText />
-                    <Text style={{ marginLeft: 8 }} variant="heading2">
-                      Reports
-                    </Text>
-                  </Box>
-                  <ReportDetails metadata={metadata} />
-                </Stack>
-                <Stack gap={2}>
-                  <Text variant="heading2">Issuer details</Text>
-                  <IssuerDetails metadata={metadata} />
-                </Stack>
-              </Grid>
-            </Card>
-          ) : null}
-          {isTinlakePool && (
-            <Card p={3}>
-              <Stack gap={2}>
-                <Text variant="heading2">Issuer details</Text>
-                <IssuerDetails metadata={metadata} />
-              </Stack>
+          <Grid gridTemplateColumns={'1fr 0.5fr'} gap={2} marginY={3}>
+            <Card p={3} backgroundColor="backgroundSecondary">
+              <IssuerDetails metadata={metadata} />
             </Card>
-          )}
+            {metadata?.pool?.reports?.length || !isTinlakePool ? (
+              <Card p={3} backgroundColor="backgroundButtonSecondary">
+                <ReportDetails metadata={metadata} />
+              </Card>
+            ) : null}
+          </Grid>
         </React.Suspense>
         {!isTinlakePool && (
-          <>
-            <Grid height="fit-content" gridTemplateColumns={['1fr', '1fr', '1fr 1fr']} gap={[2, 2, 3]}>
-              <React.Suspense fallback={<Spinner />}>
-                <PoolStructure
-                  numOfTranches={pool.tranches.length}
-                  poolId={poolId}
-                  poolStatus={metadata?.pool?.status}
-                  poolFees={
-                    metadata?.pool?.poolFees?.map((fee) => {
-                      return {
-                        fee: poolFees?.find((f) => f.id === fee.id)?.amounts.percentOfNav ?? Rate.fromFloat(0),
-                        name: fee.name,
-                        id: fee.id,
-                      }
-                    }) || []
-                  }
-                />
-              </React.Suspense>
-              {/* <React.Suspense fallback={<Spinner />}>
-                <AssetsByMaturity />
-              </React.Suspense> */}
-            </Grid>
-            {isMedium && (
-              <React.Suspense fallback={<Spinner />}>
-                <Card p={3}>
-                  <Cashflows />
-                </Card>
-              </React.Suspense>
-            )}
-            <React.Suspense fallback={<Spinner />}>
-              <Card p={3}>
-                <TransactionHistory poolId={poolId} />
-              </Card>
-            </React.Suspense>
-          </>
+          <React.Suspense fallback={<Spinner />}>
+            <Card p={3}>
+              <TransactionHistory poolId={poolId} />
+            </Card>
+          </React.Suspense>
         )}
       </Box>
     </FullHeightLayoutSection>
diff --git a/fabric/src/icon-svg/IconBalanceSheet.svg b/fabric/src/icon-svg/IconBalanceSheet.svg
new file mode 100644
index 000000000..89a2407fc
--- /dev/null
+++ b/fabric/src/icon-svg/IconBalanceSheet.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.08389 10.4704H7.08389M12.9172 10.4704H17.9172M10.0006 5.47038V17.137M10.0006 5.47038C11.1512 5.47038 12.0839 4.53764 12.0839 3.38704M10.0006 5.47038C8.84996 5.47038 7.91722 4.53764 7.91722 3.38704M3.33389 17.137L16.6672 17.137M3.33389 3.38705L7.91722 3.38704M7.91722 3.38704C7.91722 2.23645 8.84996 1.30371 10.0006 1.30371C11.1512 1.30371 12.0839 2.23645 12.0839 3.38704M12.0839 3.38704L16.6672 3.38704M7.40092 11.584C7.06701 12.8625 5.93231 13.8037 4.58389 13.8037C3.23547 13.8037 2.10077 12.8625 1.76686 11.584C1.73958 11.4795 1.72594 11.4273 1.72462 11.2186C1.72381 11.0907 1.77136 10.7957 1.81232 10.6745C1.87915 10.4767 1.95148 10.3651 2.09615 10.1419L4.58389 6.30371L7.07163 10.1419C7.2163 10.3651 7.28864 10.4767 7.35546 10.6745C7.39642 10.7957 7.44397 11.0907 7.44316 11.2186C7.44185 11.4273 7.42821 11.4795 7.40092 11.584ZM18.2343 11.584C17.9003 12.8625 16.7656 13.8037 15.4172 13.8037C14.0688 13.8037 12.9341 12.8625 12.6002 11.584C12.5729 11.4795 12.5593 11.4273 12.558 11.2186C12.5571 11.0907 12.6047 10.7957 12.6457 10.6745C12.7125 10.4767 12.7848 10.3651 12.9295 10.1419L15.4172 6.30371L17.905 10.1419C18.0496 10.3651 18.122 10.4767 18.1888 10.6745C18.2298 10.7957 18.2773 11.0907 18.2765 11.2186C18.2752 11.4273 18.2615 11.4795 18.2343 11.584Z" stroke="#91969B" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/fabric/src/icon-svg/IconCashflow.svg b/fabric/src/icon-svg/IconCashflow.svg
new file mode 100644
index 000000000..798a162bc
--- /dev/null
+++ b/fabric/src/icon-svg/IconCashflow.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13.6367V17.6367M16 11.6367V17.6367M12 7.63672V17.6367M7.8 21.6367H16.2C17.8802 21.6367 18.7202 21.6367 19.362 21.3097C19.9265 21.0221 20.3854 20.5632 20.673 19.9987C21 19.357 21 18.5169 21 16.8367V8.43672C21 6.75656 21 5.91648 20.673 5.27475C20.3854 4.71026 19.9265 4.25132 19.362 3.9637C18.7202 3.63672 17.8802 3.63672 16.2 3.63672H7.8C6.11984 3.63672 5.27976 3.63672 4.63803 3.9637C4.07354 4.25132 3.6146 4.71026 3.32698 5.27475C3 5.91648 3 6.75656 3 8.43672V16.8367C3 18.5169 3 19.357 3.32698 19.9987C3.6146 20.5632 4.07354 21.0221 4.63803 21.3097C5.27976 21.6367 6.11984 21.6367 7.8 21.6367Z" stroke="#91969B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/fabric/src/icon-svg/IconProfitAndLoss.svg b/fabric/src/icon-svg/IconProfitAndLoss.svg
new file mode 100644
index 000000000..5223d3810
--- /dev/null
+++ b/fabric/src/icon-svg/IconProfitAndLoss.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 19.1367H2.6C2.03995 19.1367 1.75992 19.1367 1.54601 19.0277C1.35785 18.9319 1.20487 18.7789 1.10899 18.5907C1 18.3768 1 18.0968 1 17.5367V1.13672M19 5.13672L13.5657 10.571C13.3677 10.769 13.2687 10.868 13.1545 10.9051C13.0541 10.9378 12.9459 10.9378 12.8455 10.9051C12.7313 10.868 12.6323 10.769 12.4343 10.571L10.5657 8.7024C10.3677 8.5044 10.2687 8.40539 10.1545 8.3683C10.0541 8.33567 9.94591 8.33567 9.84549 8.3683C9.73133 8.40539 9.63232 8.5044 9.43431 8.7024L5 13.1367M19 5.13672H15M19 5.13672V9.13672" stroke="#91969B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/fabric/src/theme/tokens/theme.ts b/fabric/src/theme/tokens/theme.ts
index b0a317de6..4062c1b4b 100644
--- a/fabric/src/theme/tokens/theme.ts
+++ b/fabric/src/theme/tokens/theme.ts
@@ -1,4 +1,4 @@
-import { black, blackScale, blueScale, centrifugeBlue, gold, grayScale, yellowScale } from './colors'
+import { black, blackScale, blueScale, gold, grayScale, yellowScale } from './colors'
 
 const statusDefault = grayScale[800]
 const statusInfo = blueScale[500]
@@ -86,11 +86,11 @@ const colors = {
   backgroundButtonTertiaryHover: 'tranparent',
   backgroundButtonTertiaryPressed: 'transparent',
   backgroundButtonTertiaryDisabled: 'transparent',
-  textButtonTertiary: centrifugeBlue,
-  textButtonTertiaryFocus: centrifugeBlue,
-  textButtonTertiaryHover: grayScale[800],
-  textButtonTertiaryPressed: centrifugeBlue,
-  textButtonTertiaryDisabled: grayScale[500],
+  textButtonTertiary: grayScale[800],
+  textButtonTertiaryFocus: gold,
+  textButtonTertiaryHover: gold,
+  textButtonTertiaryPressed: gold,
+  textButtonTertiaryDisabled: gold,
   borderButtonTertiary: 'transparent',
   borderButtonTertiaryFocus: 'transparent',
   borderButtonTertiaryHover: 'transparent',