fix: improve hover alignment (#130)

Signed-off-by: Tusharjamdade <tusharnjamdade@gmail.com>

Author: Tusharjamdade

src/components/Navbar.tsx

@@ -194,6 +194,9 @@ function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
               marginLeft: screens.md ? "20px" : "0",
               height: "65px",
               display: "flex",
+              justifyContent: "center",
+              paddingLeft: "15px",
+              borderRadius: "5px",
               alignItems: "center",
               backgroundColor:
                 hovered === "join" ? "rgba(255, 255, 255, 0.1)" : "transparent",
@@ -225,6 +228,9 @@ function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
             height: "65px",
             display: "flex",
             alignItems: "center",
+            justifyContent: "center",
+            padding: screens.md ? "0 20px" : "0 10px",
+            borderRadius: "5px",
             borderLeft: screens.md
               ? "1.5px solid rgba(255, 255, 255, 0.1)"
               : "none",