diff --git a/frontend/.env.example b/frontend/.env.example
new file mode 100644
index 00000000..6ca54f05
--- /dev/null
+++ b/frontend/.env.example
@@ -0,0 +1,5 @@
+# OAuth 2.0 Client ID issued by Google Cloud Console
+VITE_GOOGLE_CLIENT_ID=
+
+# Base URL of the backend API (e.g., http://localhost:5000 or https://api.example.com)
+VITE_API_URL=
diff --git a/frontend/src/components/user/common/Navbar.tsx b/frontend/src/components/user/common/Navbar.tsx
index 99de89b3..744fda90 100644
--- a/frontend/src/components/user/common/Navbar.tsx
+++ b/frontend/src/components/user/common/Navbar.tsx
@@ -27,7 +27,7 @@ const Navbar = () => {
   return (
     <header className="px-0 sm:px-6 py-4 w-full sticky top-0 border-b bg-white dark:bg-black z-20">
       <div className="flex justify-end md:justify-between items-center">
-        <SidebarTrigger className="-translate-x-4 hidden md:block" />
+        <SidebarTrigger className="-translate-x-4 hidden md:flex items-center justify-center" />
         <div className="flex items-center gap-4 mr-2">
           <SearchBar />
           <ThemeToggle />