diff --git a/src/components/UI/navbar/index.js b/src/components/UI/navbar/index.js
index d1028a37..2e31f17f 100644
--- a/src/components/UI/navbar/index.js
+++ b/src/components/UI/navbar/index.js
@@ -100,18 +100,16 @@ const Navbar = () => {
             <div className={styles.navBarLogin}>
               {!isLoggedIn && (
                 <Link href={authUrl}>
-                  <a className={styles.btnLogin}>
-                    <button type="button" className={styles.btnLoginText}>
-                      Sign In
-                      <img
-                        className={styles.githubLogo}
-                        src={GITHUB_LOGO}
-                        alt="GitHub Icon"
-                        height="15px"
-                        width="15px"
-                      />
-                    </button>
-                  </a>
+                  <button type="button" className={styles.btnLoginText}>
+                    Sign In
+                    <img
+                      className={styles.githubLogo}
+                      src={GITHUB_LOGO}
+                      alt="GitHub Icon"
+                      height="15px"
+                      width="15px"
+                    />
+                  </button>
                 </Link>
               )}
               {isLoggedIn && (
@@ -175,18 +173,16 @@ const Navbar = () => {
               <li className={styles.navBarLoginLi}>
                 {!isLoggedIn && (
                   <Link href={authUrl}>
-                    <a className={styles.btnLogin}>
-                      <button type="button" className={styles.btnLoginText}>
-                        Sign In With GitHub
-                        <img
-                          className={styles.githubLogo}
-                          src={GITHUB_LOGO}
-                          alt="GitHub Icon"
-                          height="15px"
-                          width="15px"
-                        />
-                      </button>
-                    </a>
+                    <button type="button" className={styles.btnLoginText}>
+                      Sign In With GitHub
+                      <img
+                        className={styles.githubLogo}
+                        src={GITHUB_LOGO}
+                        alt="GitHub Icon"
+                        height="15px"
+                        width="15px"
+                      />
+                    </button>
                   </Link>
                 )}
                 {isLoggedIn && (
diff --git a/src/components/UI/navbar/navbar.module.scss b/src/components/UI/navbar/navbar.module.scss
index 25836f1e..616f0e01 100644
--- a/src/components/UI/navbar/navbar.module.scss
+++ b/src/components/UI/navbar/navbar.module.scss
@@ -63,6 +63,7 @@
   border: 2px solid white;
   display: flex;
   justify-content: space-around;
+  margin: 22px;
 }
 
 .userGreet {