From 99b0b48cc7aeef705d10f471f27aa26b62c60a46 Mon Sep 17 00:00:00 2001
From: Sekwah <contact@sekwah.com>
Date: Fri, 17 Nov 2023 02:19:47 +0000
Subject: [PATCH] feat: add a link to our community discord

---
 app/renderer/src/routes/Settings/StickySection.tsx | 7 +++++++
 app/renderer/src/styles/routes/settings.ts         | 6 ++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/renderer/src/routes/Settings/StickySection.tsx b/app/renderer/src/routes/Settings/StickySection.tsx
index 8af4e0e7..6595b774 100644
--- a/app/renderer/src/routes/Settings/StickySection.tsx
+++ b/app/renderer/src/routes/Settings/StickySection.tsx
@@ -11,6 +11,13 @@ const StickySection: React.FC = () => {
       >
         Star it on GitHub
       </StyledStarButton>
+      <StyledStarButton
+        as="a"
+        href="https://discord.gg/ZqPqN3hwcB"
+        target="_blank"
+      >
+        Join us on Discord!
+      </StyledStarButton>
     </StyledSectionSticky>
   );
 };
diff --git a/app/renderer/src/styles/routes/settings.ts b/app/renderer/src/styles/routes/settings.ts
index ec2731a6..6c0c5479 100644
--- a/app/renderer/src/styles/routes/settings.ts
+++ b/app/renderer/src/styles/routes/settings.ts
@@ -55,16 +55,18 @@ export const StyledStarButton = styled(StyledButtonSecondary)`
 
 export const StyledSectionSticky = styled.div`
   width: 100%;
-  height: 10.1rem;
+  height: 7.5rem;
 
   position: sticky;
   bottom: 0;
   left: 0;
   right: 0;
 
+  gap: 1rem;
+
   background-color: var(--color-bg-primary);
 
-  display: grid;
+  display: flex;
   grid-template-columns: 1fr;
   align-items: start;