diff --git a/public/discordLogo.svg b/public/discordLogo.svg
new file mode 100644
index 0000000..dd4df89
--- /dev/null
+++ b/public/discordLogo.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="discord-icon-svgrepo-com 1">
+<g id="Group">
+<path id="Vector" d="M20.3303 4.22781C18.7767 3.50093 17.1156 2.97267 15.3789 2.67188C15.1656 3.05749 14.9164 3.57614 14.7446 3.98873C12.8985 3.71109 11.0693 3.71109 9.25716 3.98873C9.08539 3.57614 8.83055 3.05749 8.61536 2.67188C6.87681 2.97267 5.21376 3.50287 3.66019 4.23166C0.526643 8.96686 -0.322811 13.5845 0.101917 18.1365C2.18025 19.6885 4.19441 20.6313 6.17457 21.2483C6.66349 20.5754 7.09953 19.8601 7.47518 19.1063C6.75975 18.8344 6.07453 18.499 5.42707 18.1095C5.59884 17.9822 5.76686 17.8492 5.92918 17.7123C9.87819 19.5594 14.1689 19.5594 18.0707 17.7123C18.235 17.8492 18.403 17.9822 18.5728 18.1095C17.9235 18.5009 17.2364 18.8363 16.521 19.1082C16.8966 19.8601 17.3308 20.5774 17.8216 21.2502C19.8036 20.6333 21.8197 19.6905 23.898 18.1365C24.3964 12.8595 23.0467 8.28434 20.3303 4.22781ZM8.01318 15.337C6.82772 15.337 5.85555 14.2303 5.85555 12.8826C5.85555 11.535 6.80696 10.4264 8.01318 10.4264C9.21942 10.4264 10.1916 11.533 10.1708 12.8826C10.1727 14.2303 9.21942 15.337 8.01318 15.337ZM15.9867 15.337C14.8013 15.337 13.8291 14.2303 13.8291 12.8826C13.8291 11.535 14.7805 10.4264 15.9867 10.4264C17.193 10.4264 18.1651 11.533 18.1444 12.8826C18.1444 14.2303 17.193 15.337 15.9867 15.337Z" fill="white"/>
+</g>
+</g>
+</svg>
diff --git a/public/telegramLogo.svg b/public/telegramLogo.svg
new file mode 100644
index 0000000..1613705
--- /dev/null
+++ b/public/telegramLogo.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Artboard">
+<path id="Oval" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="white"/>
+<path id="Path 3" fill-rule="evenodd" clip-rule="evenodd" d="M5.43177 11.8733C8.93001 10.3492 11.2627 9.3444 12.4299 8.85893C15.7624 7.47282 16.4549 7.23203 16.9062 7.22408C17.0055 7.22234 17.2275 7.24694 17.3712 7.3636C17.4926 7.46211 17.526 7.59518 17.542 7.68857C17.558 7.78197 17.5779 7.99473 17.5621 8.16097C17.3815 10.0585 16.6001 14.6631 16.2026 16.7884C16.0343 17.6876 15.7031 17.9891 15.3825 18.0186C14.6856 18.0828 14.1564 17.5581 13.4815 17.1157C12.4253 16.4233 11.8287 15.9924 10.8035 15.3168C9.61872 14.536 10.3868 14.1069 11.062 13.4056C11.2387 13.2221 14.3091 10.4294 14.3685 10.176C14.3759 10.1443 14.3828 10.0262 14.3126 9.96385C14.2425 9.90148 14.1389 9.92281 14.0642 9.93977C13.9583 9.96381 12.271 11.079 9.00252 13.2853C8.52361 13.6142 8.08982 13.7744 7.70117 13.766C7.2727 13.7568 6.44852 13.5238 5.83582 13.3246C5.08431 13.0803 4.48704 12.9512 4.53905 12.5363C4.56614 12.3202 4.86371 12.0992 5.43177 11.8733Z" fill="#28A7E7"/>
+</g>
+</svg>
diff --git a/src/pages/auth/signin.module.css b/src/pages/auth/signin.module.css
index 3de6be9..e42850e 100644
--- a/src/pages/auth/signin.module.css
+++ b/src/pages/auth/signin.module.css
@@ -30,7 +30,7 @@
   justify-content: center;
   gap: 12px;
   padding: 12px 24px;
-  border-radius: 14px;
+  border-radius: 1000px;
   font-size: 16px;
   font-weight: 600;
   color: white;
@@ -46,10 +46,3 @@
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-
-.telegramContainer {
-  height: 48px;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-} 
\ No newline at end of file
diff --git a/src/pages/auth/signin.tsx b/src/pages/auth/signin.tsx
index c184d72..625dece 100644
--- a/src/pages/auth/signin.tsx
+++ b/src/pages/auth/signin.tsx
@@ -2,7 +2,8 @@ import { signIn } from "next-auth/react";
 import Image from "next/image";
 import styles from "./signin.module.css";
 import { useEffect } from "react";
-import discordLogo from "../../../public/discord.svg";
+import discordLogo from "../../../public/discordLogo.svg";
+import telegramLogo from "../../../public/telegramLogo.svg"
 
 export default function SignIn() {
   const handleDiscordSignIn = () => {
@@ -48,14 +49,24 @@ export default function SignIn() {
 
       <div className={styles.buttonContainer}>
         <button onClick={handleDiscordSignIn} className={styles.discordButton}>
-          <Image src={discordLogo} alt="Discord" width={100} height={100} />
+          <Image src={discordLogo} alt="Discord" width={24} height={24} />
           Connect to Discord
         </button>
 
         <div
-          id="telegram-login-container"
-          className={styles.telegramContainer}
-        />
+        id="telegram-login-container"
+        className={styles.discordButton}
+        style={{
+          backgroundColor: '#54a9eb',
+          color: 'white',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: '14px 48px',
+          borderRadius: '1000px',
+        }}
+      >
+      </div>
       </div>
     </div>
   );