From f48697f2ec9361462f82e3ffd75eb2a2bf99c632 Mon Sep 17 00:00:00 2001
From: Sahil Khan <sahilkhan123098p@gmail.com>
Date: Tue, 25 Mar 2025 23:57:49 +0530
Subject: [PATCH] fix(Navbar): Update alignment for mobile view (#324)

Signed-off-by: Sahil Khan <sahilkhan123098p@gmail.com>
---
 src/components/Navbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index ac0c3923..e5b3d610 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -115,7 +115,7 @@ function Navbar({ scrollToFooter }: NavbarProps) {
       >
         <Link
           to="/"
-          style={{ display: "flex", alignItems: "center" }}
+          style={{ display: "flex", alignItems: "center", paddingLeft: screens.md ? "": "10px" }}
         >
           <Image
             src={screens.lg ? "/logo.png" : "/accord_logo.png"}
@@ -127,7 +127,7 @@ function Navbar({ scrollToFooter }: NavbarProps) {
               maxWidth: screens.md ? "184.17px" : "36.67px",
             }}
           />
-          <span style={{ color: "white" }}>Template Playground</span>
+          <span style={{ color: "white", display: screens.sm ? "block" : "none"}}>Template Playground</span>
         </Link>
       </div>
       {screens.md && (