diff --git a/frontend/components/Donation.tsx b/frontend/components/Donation.tsx
index 3c24b19..4b8b3e6 100644
--- a/frontend/components/Donation.tsx
+++ b/frontend/components/Donation.tsx
@@ -15,7 +15,7 @@ export const DonateContainer = styled.div`
 export const DonateText = styled.a`
   display: block;
   text-align: center;
-  color: #404040;
+  color: #9c9c9c;
   text-shadow: #000 1px 1px 0px;
   cursor: pointer;
 `;
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index e0f5b1e..e629647 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -51,6 +51,17 @@ const BootstrappingInProgress = styled.p`
   text-align: center;
 `;
 
+const ContactTwitter = styled.p`
+  color: #9e9e9e;
+  & > a {
+    color: #ababab;
+  }
+  text-shadow: #000 1px 1px 0px;
+  text-align: center;
+  margin-top: 40px;
+  margin-bottom: 35px;
+`;
+
 export default function Blocks() {
   const blocks = useStoreState((store) => store.blocks);
   const forkName = config.fork.name;
@@ -116,6 +127,14 @@ export default function Blocks() {
             <Block key={i} height={block.height} signals={block.signals} miner={block.miner} />
           ))}
         </BlockContainer>
+        {config.frontend.twitterHandle && (
+          <ContactTwitter>
+            Twitter:{" "}
+            <a target="_blank" href={`https://twitter.com/${config.frontend.twitterHandle}`}>
+              @{config.frontend.twitterHandle}
+            </a>
+          </ContactTwitter>
+        )}
         {config.donation && <Donation />}
       </Content>
     </Container>