diff --git a/src/app/login/githublogin.tsx b/src/app/login/githublogin.tsx
index 2ab88259..f658c2ef 100644
--- a/src/app/login/githublogin.tsx
+++ b/src/app/login/githublogin.tsx
@@ -30,7 +30,14 @@ const GithubLogin: React.FC = () => {
                 </Text>
               </TextContent>
               <div className="login-container">
-                <Button variant="primary" icon={<GithubIcon />} iconPosition="left" size="lg" onClick={handleGitHubLogin}>
+                <Button
+                  variant="primary"
+                  icon={<GithubIcon />}
+                  iconPosition="left"
+                  size="lg"
+                  style={{ backgroundColor: 'black' }}
+                  onClick={handleGitHubLogin}
+                >
                   Sign in with GitHub
                 </Button>
               </div>