diff --git a/internal/api/authentication.go b/internal/api/authentication.go
index d663d167a..d02f98b13 100644
--- a/internal/api/authentication.go
+++ b/internal/api/authentication.go
@@ -13,7 +13,10 @@ import (
 	"github.com/stashapp/stash/pkg/session"
 )
 
-const loginEndPoint = "/login"
+const (
+	loginEndPoint  = "/login"
+	logoutEndPoint = "/logout"
+)
 
 const (
 	tripwireActivatedErrMsg = "Stash is exposed to the public internet without authentication, and is not serving any more content to protect your privacy. " +
@@ -27,7 +30,7 @@ const (
 
 func allowUnauthenticated(r *http.Request) bool {
 	// #2715 - allow access to UI files
-	return strings.HasPrefix(r.URL.Path, loginEndPoint) || r.URL.Path == "/css" || strings.HasPrefix(r.URL.Path, "/assets")
+	return strings.HasPrefix(r.URL.Path, loginEndPoint) || r.URL.Path == logoutEndPoint || r.URL.Path == "/css" || strings.HasPrefix(r.URL.Path, "/assets")
 }
 
 func authenticateHandler() func(http.Handler) http.Handler {
diff --git a/internal/api/server.go b/internal/api/server.go
index 5e862bfcf..c8e8a7b28 100644
--- a/internal/api/server.go
+++ b/internal/api/server.go
@@ -135,7 +135,7 @@ func Start() error {
 
 	// session handlers
 	r.Post(loginEndPoint, handleLogin(loginUIBox))
-	r.Get("/logout", handleLogout(loginUIBox))
+	r.Get(logoutEndPoint, handleLogout(loginUIBox))
 
 	r.Get(loginEndPoint, getLoginHandler(loginUIBox))
 
diff --git a/ui/login/login.css b/ui/login/login.css
index cddf4c8d3..dcf41ddbe 100644
--- a/ui/login/login.css
+++ b/ui/login/login.css
@@ -115,3 +115,18 @@ button, input {
     font-weight: 500;
     padding-bottom: 1rem;
 }
+
+@media (max-width: 576px) {
+    .card {
+        width: 100%;
+    }
+
+    .dialog {
+        height: auto;
+        margin-top: 50%;
+    }
+
+    .btn-primary {
+        width: 100%;
+    }
+}
\ No newline at end of file