diff --git a/packages/page-claims/src/button/DownloadButton.tsx b/packages/page-claims/src/button/DownloadButton.tsx
index 67a671c..1ca6a2f 100644
--- a/packages/page-claims/src/button/DownloadButton.tsx
+++ b/packages/page-claims/src/button/DownloadButton.tsx
@@ -29,7 +29,7 @@ const ImportButton: React.FC<{ credential: VerifiableCredential; withText?: bool
   return (
     <Tooltip title="Download">
       <Stack alignItems="center">
-        <IconButton onClick={download} size="small">
+        <IconButton color="inherit" onClick={download} size="small">
           <IconDownload />
         </IconButton>
         {withText && (
diff --git a/packages/page-claims/src/button/ImportButton.tsx b/packages/page-claims/src/button/ImportButton.tsx
index eeef42f..2d1a9d7 100644
--- a/packages/page-claims/src/button/ImportButton.tsx
+++ b/packages/page-claims/src/button/ImportButton.tsx
@@ -33,7 +33,7 @@ const ImportButton: React.FC<{ withText?: boolean; credential: VerifiableCredent
   return (
     <Tooltip title="Import to zCloak ID Wallet">
       <Stack alignItems="center">
-        <IconButton onClick={importToExtension} size="small">
+        <IconButton color="inherit" onClick={importToExtension} size="small">
           <IconImport />
         </IconButton>
         {withText && (
diff --git a/packages/page-claims/src/button/QrcodeButton.tsx b/packages/page-claims/src/button/QrcodeButton.tsx
index d0b8246..e8671dd 100644
--- a/packages/page-claims/src/button/QrcodeButton.tsx
+++ b/packages/page-claims/src/button/QrcodeButton.tsx
@@ -29,7 +29,7 @@ const QrcodeButton: React.FC<{ credential: VerifiableCredential; withText?: bool
     <>
       <Tooltip title="Show QR code">
         <Stack alignItems="center">
-          <IconButton onClick={_toggleOpen} size="small">
+          <IconButton color="inherit" onClick={_toggleOpen} size="small">
             <IconQrcode sx={{ width: 14, height: 14 }} />
           </IconButton>
           {withText && (
diff --git a/packages/page-claims/src/button/RetweetButton.tsx b/packages/page-claims/src/button/RetweetButton.tsx
index 018fcf1..b6b90fd 100644
--- a/packages/page-claims/src/button/RetweetButton.tsx
+++ b/packages/page-claims/src/button/RetweetButton.tsx
@@ -28,7 +28,7 @@ Tutorial: https://zcloaknetwork.medium.com/worlds-first-zk-guessing-for-the-worl
   return (
     <Tooltip title="Retweet">
       <Stack alignItems="center">
-        <IconButton onClick={retweet} size="small">
+        <IconButton color="inherit" onClick={retweet} size="small">
           <IconTwitter />
         </IconButton>
         {withText && (
diff --git a/packages/page-claims/src/button/ShareButton.tsx b/packages/page-claims/src/button/ShareButton.tsx
index e34f715..054f5e6 100644
--- a/packages/page-claims/src/button/ShareButton.tsx
+++ b/packages/page-claims/src/button/ShareButton.tsx
@@ -28,7 +28,7 @@ const ShareButton: React.FC<{ credential: VerifiableCredential; withText?: boole
     <>
       <Tooltip title="Share to other">
         <Stack alignItems="center">
-          <IconButton onClick={_toggleOpen} size="small">
+          <IconButton color="inherit" onClick={_toggleOpen} size="small">
             <IconForward />
           </IconButton>
           {withText && (