diff --git a/src/components/client/campaigns/CampaignCard/CampaignCard.tsx b/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
index ac424f57c..60baf923a 100644
--- a/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
+++ b/src/components/client/campaigns/CampaignCard/CampaignCard.tsx
@@ -96,11 +96,7 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
       <StyledCardActions disableSpacing>
         <DonateButton
           href={routes.campaigns.oneTimeDonation(slug)}
-          disabled={
-            campaignState === CampaignState.complete &&
-            percentage >= 100 &&
-            !allowDonationOnComplete
-          }
+          disabled={campaignState === CampaignState.complete && !allowDonationOnComplete}
           variant="contained"
           color="secondary">
           {t('cta.support')}
diff --git a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.styled.tsx b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.styled.tsx
index e566c3b93..6ad317c10 100644
--- a/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.styled.tsx
+++ b/src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.styled.tsx
@@ -109,6 +109,11 @@ export const DonateButton = styled(LinkButton)(() => ({
       '0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12)',
   },
 
+  '&.Mui-disabled': {
+    backgroundColor: 'rgba(152, 152, 152, 0.8)',
+    color: 'rgba(0, 0, 0, 0.4)',
+  },
+
   [theme.breakpoints.up(1111)]: {
     display: 'inline-flex',
     marginBottom: 0,