diff --git a/static/css/sftpgo.css b/static/css/sftpgo.css
new file mode 100644
index 00000000..453f0822
--- /dev/null
+++ b/static/css/sftpgo.css
@@ -0,0 +1,10 @@
+.bg-login-image {
+    background-image: url(/static/img/logo.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 1em;
+}
+
+.row.login-image {
+    height: 200px;
+}
diff --git a/static/img/logo.png b/static/img/logo.png
new file mode 100644
index 00000000..0c320ff7
Binary files /dev/null and b/static/img/logo.png differ
diff --git a/templates/webadmin/baselogin.html b/templates/webadmin/baselogin.html
index 5d8e684b..24a99315 100644
--- a/templates/webadmin/baselogin.html
+++ b/templates/webadmin/baselogin.html
@@ -16,6 +16,7 @@
 
     <!-- Custom styles for this template-->
     <link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
+    <link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
     <style>
         @font-face {
             font-family: 'Roboto';
@@ -84,13 +85,19 @@
         <!-- Outer Row -->
         <div class="row justify-content-center">
 
-            <div class="col-xl-6 col-lg-7 col-md-9">
+            <div class="col-xl-10 col-lg-12 col-md-9">
 
                 <div class="card o-hidden border-0 shadow-lg my-5">
                     <div class="card-body p-0">
                         <!-- Nested Row within Card Body -->
+                        <div class="row d-lg-none login-image">
+                            <div class="col-lg-12 d-block d-lg-none bg-login-image">
+                            </div>
+                        </div>
                         <div class="row">
-                            <div class="col-lg-12">
+                            <div class="col-lg-6 d-none d-lg-block bg-login-image">
+                            </div>
+                            <div class="col-lg-6">
                                 <div class="p-5">
                                     {{template "content" .}}
                                 </div>
@@ -115,4 +122,4 @@
 </body>
 
 </html>
-{{end}}
\ No newline at end of file
+{{end}}
diff --git a/templates/webclient/baselogin.html b/templates/webclient/baselogin.html
index 28e949c4..f714a7a3 100644
--- a/templates/webclient/baselogin.html
+++ b/templates/webclient/baselogin.html
@@ -16,6 +16,7 @@
 
     <!-- Custom styles for this template-->
     <link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
+    <link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
     <style>
         @font-face {
             font-family: 'Roboto';
@@ -84,13 +85,19 @@
         <!-- Outer Row -->
         <div class="row justify-content-center">
 
-            <div class="col-xl-6 col-lg-7 col-md-9">
+            <div class="col-xl-10 col-lg-12 col-md-9">
 
                 <div class="card o-hidden border-0 shadow-lg my-5">
                     <div class="card-body p-0">
                         <!-- Nested Row within Card Body -->
+                        <div class="row d-lg-none login-image">
+                            <div class="col-lg-12 d-block d-lg-none bg-login-image">
+                            </div>
+                        </div>
                         <div class="row">
-                            <div class="col-lg-12">
+                            <div class="col-lg-6 d-none d-lg-block bg-login-image">
+                            </div>
+                            <div class="col-lg-6">
                                 <div class="p-5">
                                     <div class="text-center">
                                         <h1 class="h4 text-gray-900 mb-4">SFTPGo WebClient - {{.Version}}</h1>
@@ -118,4 +125,4 @@
 </body>
 
 </html>
-{{end}}
\ No newline at end of file
+{{end}}