diff --git a/webui/pub/logo.svg b/webui/pub/logo.svg
index 6b60c1042f5..e3884f4b4d2 100644
--- a/webui/pub/logo.svg
+++ b/webui/pub/logo.svg
@@ -1,7 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357.91 81.68"><defs><style>.cls-1{fill:#258c82;}.cls-2{fill:#2ce5b5;}</style></defs><title>logo 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M143.92,40a25.74,25.74,0,0,0-5-9.56c-1.13-5.66-3.54-11-7.52-14.32a21,21,0,0,0-8.64-4.63,1,1,0,0,0-1.15,1.31c1,2.61,2.64,8,1.91,12.21a24.08,24.08,0,0,0-3.24-5.6c-1.87-2.42-2.92-3.77-2.35-6.65.49-2.5,3.81-4.58,7.89-5.29a1,1,0,0,0,.5-1.65C124,3.73,119.2,0,113.55,0c-7.9,0-12.14,4.06-13.34,10.87-1,5.79.55,9.92,1.69,12.94.19.48.35.92.49,1.31-.92-.63-2-1.29-3.11-1.95a53.56,53.56,0,0,0-26.7-6.85,53.54,53.54,0,0,0-26.69,6.85c-1.15.66-2.19,1.32-3.11,1.95.14-.39.3-.83.49-1.31,1.14-3,2.71-7.15,1.69-12.94C43.75,4.06,39.52,0,31.62,0,26,0,21.16,3.73,18.88,5.86a1,1,0,0,0,.5,1.65c4.08.71,7.4,2.79,7.89,5.29.57,2.88-.48,4.23-2.35,6.65a23.73,23.73,0,0,0-3.24,5.6c-.73-4.23.94-9.6,1.91-12.21a1,1,0,0,0-1.16-1.31,21.08,21.08,0,0,0-8.63,4.63c-4,3.36-6.39,8.66-7.52,14.32a25.74,25.74,0,0,0-5,9.56c-1.9,8.07-2.5,16.78,4.59,25.11,4.54,5.34,11.82,8.11,20.82,8.11a23.12,23.12,0,0,1,5.41,1.61c6.91,2.55,18.49,6.81,40.51,6.81s33.61-4.26,40.52-6.81a23.12,23.12,0,0,1,5.41-1.61c9,0,16.27-2.77,20.82-8.11C146.42,56.82,145.82,48.11,143.92,40Z"/><path class="cls-2" d="M118.51,68.36c-6.13,0-15.31,8.42-45.93,8.42s-39.8-8.42-45.92-8.42C2.17,68.36,4.92,45.25,4.92,45.25S9.46,56.79,21,56.79a20.33,20.33,0,0,0,4.16-.44.56.56,0,0,0,0-1.08c-17.84-5.33-18-26.17-7.4-36.2-4.48,19.06,8.88,25,14,26.61a.51.51,0,0,0,.51-.84C29,41.43,21.46,32,28.8,22.44,38,10.5,25.74,5.91,25.74,5.91a19.24,19.24,0,0,1,5.88-1c3.54,0,7.54,1.29,8.51,6.82,1.81,10.23-7,13.81-.66,22.06a.41.41,0,0,0,.66,0h0s11-12.55,32.45-12.55S105,33.77,105,33.77h0a.41.41,0,0,0,.66,0c6.37-8.25-2.47-11.83-.66-22.06,1-5.53,5-6.82,8.51-6.82a19.24,19.24,0,0,1,5.88,1s-12.25,4.59-3.07,16.53c7.34,9.54-.18,19-3.49,22.4a.51.51,0,0,0,.51.84c5.13-1.56,18.49-7.55,14-26.61,10.62,10,10.43,30.87-7.4,36.2a.56.56,0,0,0,0,1.08,20.33,20.33,0,0,0,4.16.44c11.52,0,16.05-11.54,16.05-11.54S143,68.36,118.51,68.36Z"/><path class="cls-1" d="M52.38,48a4.29,4.29,0,1,0-8.57,0c0,2.36,1.92,3.06,4.28,3.06S52.38,50.39,52.38,48Z"/><path class="cls-1" d="M101.36,48a4.29,4.29,0,1,0-8.57,0c0,2.36,1.92,3.06,4.29,3.06S101.36,50.39,101.36,48Z"/><path class="cls-1" d="M72.58,64.87A39.57,39.57,0,0,1,53.81,60a2,2,0,0,1-.3-3.22h0a2,2,0,0,1,2.22-.24c3.8,2.11,10.08,3.4,16.85,3.4s13-1.29,16.86-3.4a2,2,0,0,1,2.22.24h0a2,2,0,0,1-.3,3.22A39.58,39.58,0,0,1,72.58,64.87Z"/><path class="cls-1" d="M34.33,70.52a11.67,11.67,0,0,1-5.9-5.22.24.24,0,0,0-.45.11V66a2.82,2.82,0,0,1-1.15,2.27l-.19.14,1.34.14Z"/><path class="cls-1" d="M110.8,70.52a11.7,11.7,0,0,0,5.91-5.22.24.24,0,0,1,.45.11V66a2.82,2.82,0,0,0,1.15,2.27l.19.14-1.34.14Z"/><path class="cls-1" d="M41.65,32.28a28.13,28.13,0,0,0-2.91,3.17.23.23,0,0,1-.4-.19c.13-.65.26-1.25.36-1.68a1.76,1.76,0,0,0-.2-1.25l-.35-.57Z"/><path class="cls-1" d="M103.53,32.28a28.13,28.13,0,0,1,2.91,3.17.23.23,0,0,0,.41-.19c-.14-.65-.27-1.25-.37-1.68a1.76,1.76,0,0,1,.2-1.25l.35-.57Z"/><path class="cls-1" d="M178.28,68.09V28.49h8.8v39.6Z"/><path class="cls-1" d="M223.05,68.09h-8.8v-2.2a12.32,12.32,0,0,1-8.58,3,12.73,12.73,0,0,1-9.54-4.09,14.58,14.58,0,0,1-3.93-10.53,14.61,14.61,0,0,1,3.93-10.51,12.68,12.68,0,0,1,9.54-4.12,12.36,12.36,0,0,1,8.58,3v-2.2h8.8Zm-10.81-8.66a7.55,7.55,0,0,0,0-10.26,6.44,6.44,0,0,0-4.76-2,6.27,6.27,0,0,0-4.78,2,7.25,7.25,0,0,0-1.87,5.15,7.22,7.22,0,0,0,1.87,5.17,6.28,6.28,0,0,0,4.78,2A6.49,6.49,0,0,0,212.24,59.43Z"/><path class="cls-1" d="M249.34,68.09l-9-10h-1.59v10H230V28.49h8.8v21.4H240l8.74-9.41h10.62l-12.1,13.15,13.36,14.46Z"/><path class="cls-1" d="M289.43,56.54H269.2a7.17,7.17,0,0,0,2.14,3.91,5.51,5.51,0,0,0,3.8,1.43A6.19,6.19,0,0,0,281,58.69l7.81,1.59a13.17,13.17,0,0,1-5.31,6.46,15.7,15.7,0,0,1-8.38,2.17,14.31,14.31,0,0,1-10.34-4.09,14,14,0,0,1-4.24-10.53,14,14,0,0,1,4.24-10.51,14.3,14.3,0,0,1,10.39-4.12,13.77,13.77,0,0,1,10.06,4,14.58,14.58,0,0,1,4.18,10.62ZM271.62,48a5.79,5.79,0,0,0-2.26,3.19h11.38a5.81,5.81,0,0,0-2.09-3.24,5.61,5.61,0,0,0-3.46-1.1A6.1,6.1,0,0,0,271.62,48Z"/><path class="cls-2" d="M303.63,47h17.26v7.92H303.63v13.2h-9.08V31.24H323v8H303.63Z"/><path class="cls-2" d="M352.35,33.25a12.23,12.23,0,0,1,5.12,7.84l-8.91,1.81a6,6,0,0,0-2.31-3.82,6.75,6.75,0,0,0-4.13-1.35,5.62,5.62,0,0,0-3.57,1.08,3.23,3.23,0,0,0-1.37,2.66c0,1.62,1,2.64,3,3.08l7.65,1.71Q357.9,48.51,357.91,57a10.22,10.22,0,0,1-4.35,8.8,18,18,0,0,1-10.83,3.13A19.49,19.49,0,0,1,331.81,66a11.18,11.18,0,0,1-5.19-8.22L336,55.94q1.32,5.43,7.25,5.44a6.77,6.77,0,0,0,4-1,3.25,3.25,0,0,0,1.46-2.75,2.9,2.9,0,0,0-.74-2.09,5.12,5.12,0,0,0-2.67-1.16l-7.7-1.65q-9.9-2.25-9.9-10.67a10.19,10.19,0,0,1,4-8.47q4-3.13,10.55-3.13A17.26,17.26,0,0,1,352.35,33.25Z"/></g></g></svg>
\ No newline at end of file
diff --git a/webui/src/lib/components/navbar.jsx b/webui/src/lib/components/navbar.jsx
index 7421facbae5..21a1e337633 100644
--- a/webui/src/lib/components/navbar.jsx
+++ b/webui/src/lib/components/navbar.jsx
@@ -64,18 +64,7 @@ const TopNavLink = ({ href, children }) => {
 };
 
 const TopNav = ({logged = true}) => {
-    if (!logged) {
-        return (
-            <Navbar variant="dark" bg="dark" expand="md">
-            <Container fluid={true}>
-                <Link component={Navbar.Brand} href="/">
-                    <img src="/logo.png" alt="lakeFS" className="logo"/>
-                </Link>
-            </Container>
-            </Navbar>
-        );
-    }
-    return (
+    return logged && (
         <Navbar variant="dark" bg="dark" expand="md" className="border-bottom">
             <Container fluid={true}>
                 <Link component={Navbar.Brand} href="/">
diff --git a/webui/src/pages/auth/login.tsx b/webui/src/pages/auth/login.tsx
index f076087a129..5be1999342c 100644
--- a/webui/src/pages/auth/login.tsx
+++ b/webui/src/pages/auth/login.tsx
@@ -1,8 +1,6 @@
 import React, {useState} from "react";
-import Row from "react-bootstrap/Row";
 import Card from "react-bootstrap/Card";
 import Form from "react-bootstrap/Form";
-import Col from "react-bootstrap/Col";
 import Button from "react-bootstrap/Button";
 import {auth, AuthenticationError, setup, SETUP_STATE_INITIALIZED} from "../../lib/api";
 import {AlertError, Loading} from "../../lib/components/controls"
@@ -32,77 +30,86 @@ export interface LoginConfig {
 const LoginForm = ({loginConfig}: {loginConfig: LoginConfig}) => {
     const router = useRouter();
     const navigate = useNavigate();
-    const [loginError, setLoginError] = useState(null);
+    const [loginError, setLoginError] = useState<React.ReactNode>(null);
     const { next } = router.query;
     const usernamePlaceholder = loginConfig.username_ui_placeholder || "Access Key ID";
     const passwordPlaceholder = loginConfig.password_ui_placeholder || "Secret Access Key";
+
     return (
-        <Row>
-            <Col md={{offset: 4, span: 4}}>
-                <Card className="login-widget shadow-lg border-0">
-                    <Card.Header className="text">
-                        <h4 className="mb-0">Login</h4>
-                    </Card.Header>
-                    <Card.Body className="p-4">
-                        <Form onSubmit={async (e) => {
-                            e.preventDefault()
-                            try {
-                                setLoginError(null);
-                                await auth.login(e.target.username.value, e.target.password.value)
-                                router.push(next || '/');
-                                navigate(0);
-                            } catch(err) {
-                                if (err instanceof AuthenticationError && err.status === 401) {
-                                    const contents = {__html: `${loginConfig.login_failed_message}` ||
+        <div className="d-flex align-items-center justify-content-center">
+            <Card className="shadow-lg border-0 login-card">
+                <Card.Header className="text-center">
+                    <div className="mt-3 mb-3">
+                        <img src="/logo.svg" alt="lakeFS" className="login-logo" />
+                    </div>
+                </Card.Header>
+                <Card.Body className="p-4">
+                    <Form onSubmit={async (e) => {
+                        e.preventDefault()
+                        const form = e.target as HTMLFormElement;
+                        const formData = new FormData(form);
+                        try {
+                            setLoginError(null);
+                            const username = formData.get('username');
+                            const password = formData.get('password');
+                            await auth.login(username, password);
+                            router.push(next || '/');
+                            navigate(0);
+                        } catch(err) {
+                            if (err instanceof AuthenticationError && err.status === 401) {
+                                const contents = {__html: `${loginConfig.login_failed_message}` ||
                                         "Credentials don't match."};
-                                    setLoginError(<span dangerouslySetInnerHTML={contents}/>);
-                                }
+                                setLoginError(<span dangerouslySetInnerHTML={contents}/>);
                             }
-                        }}>
-                            <Form.Group controlId="username" className="mb-3">
-                                <Form.Control 
-                                    type="text" 
-                                    placeholder={usernamePlaceholder} 
-                                    autoFocus
-                                    className="bg-light"
-                                />
-                            </Form.Group>
+                        }
+                    }}>
+                        <Form.Group controlId="username" className="mb-3">
+                            <Form.Control
+                                name="username"
+                                type="text"
+                                placeholder={usernamePlaceholder}
+                                autoFocus
+                                className="bg-light"
+                            />
+                        </Form.Group>
 
-                            <Form.Group controlId="password" className="mb-3">
-                                <Form.Control 
-                                    type="password" 
-                                    placeholder={passwordPlaceholder}
-                                    className="bg-light"
-                                />
-                            </Form.Group>
+                        <Form.Group controlId="password" className="mb-3">
+                            <Form.Control
+                                name="password"
+                                type="password"
+                                placeholder={passwordPlaceholder}
+                                className="bg-light"
+                            />
+                        </Form.Group>
 
-                            {(!!loginError) && <AlertError error={loginError}/>}
+                        {(!!loginError) && <AlertError error={loginError}/>}
 
-                            <Button 
-                                variant="primary" 
-                                type="submit" 
-                                className="w-100 mt-3 py-2"
-                            >
-                                Login
-                            </Button>
-                        </Form>
-                        <div className={"mt-2 mb-1"}>
-                            { loginConfig.fallback_login_url ?
-                                <Button variant="link" className="text-secondary mt-2" onClick={async ()=> {
-                                    loginConfig.login_cookie_names?.forEach(
-                                        cookie => {
-                                            document.cookie = `${cookie}=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
-                                        }
-                                    );
-                                    window.location = loginConfig.fallback_login_url;
-                                }}>{loginConfig.fallback_login_label || 'Try another way to login'}</Button>
-                                : ""
-                            }
-                        </div>
-                    </Card.Body>
-                </Card>
-            </Col>
-        </Row>
+                        <Button
+                            variant="primary"
+                            type="submit"
+                            className="w-100 mt-3 py-2"
+                        >
+                            Login
+                        </Button>
+                    </Form>
+                    <div className={"mt-2 mb-1"}>
+                        { loginConfig.fallback_login_url ?
+                            <Button variant="link" className="text-secondary mt-2" onClick={async ()=> {
+                                loginConfig.login_cookie_names?.forEach(
+                                    cookie => {
+                                        document.cookie = `${cookie}=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
+                                    }
+                                );
+                                if (loginConfig.fallback_login_url) {
+                                    window.location.href = loginConfig.fallback_login_url;
+                                }
+                            }}>{loginConfig.fallback_login_label || 'Try another way to login'}</Button>
+                            : ""
+                        }
+                    </div>
+                </Card.Body>
+            </Card>
+        </div>
     )
 }
 
@@ -151,4 +158,4 @@ const LoginPage = () => {
     );
 };
 
-export default LoginPage;
+export default LoginPage;
\ No newline at end of file
diff --git a/webui/src/styles/auth.css b/webui/src/styles/auth.css
index c27090fdf55..3d3eb5a7201 100644
--- a/webui/src/styles/auth.css
+++ b/webui/src/styles/auth.css
@@ -92,3 +92,14 @@ body .auth-page .nav-pills .nav-link:hover {
 .auth-page .nav-pills .nav-link.active {
   background-color: var(--success) !important;
 }
+
+.login-card {
+  max-width: 600px;
+  width: 90%;
+  margin: 50px auto auto auto;
+}
+
+.login-logo {
+  width: 269px;
+  height: 62px;
+}
\ No newline at end of file