diff --git a/ui/web/templates/login.html b/ui/web/templates/login.html
index 3be03a56..9c530bf0 100644
--- a/ui/web/templates/login.html
+++ b/ui/web/templates/login.html
@@ -11,7 +11,7 @@
     <body class="login-body">
       <div class="container-fluid mt-5 pt-5">
         <div class="row p-5">
-          <div class="login-card col-lg-4 p-md-5 mx-auto mt-5">
+          <div class="login-card col-lg-4 col-xxl-3 p-md-5 mx-auto mt-5">
             <div class="row text-center mb-4 d-flex flex-column align-items-center">
               <div class="mb-3 border-bottom pb-3">
                 <div class="d-flex justify-content-center mt-2">
diff --git a/ui/web/templates/registration.html b/ui/web/templates/registration.html
index 136d505b..cb89de55 100644
--- a/ui/web/templates/registration.html
+++ b/ui/web/templates/registration.html
@@ -11,7 +11,7 @@
     <body class="login-body">
       <div class="container-fluid mt-5 pt-5">
         <div class="row p-5">
-          <div class="login-card col-lg-4 p-md-5 mx-auto mt-5">
+          <div class="login-card col-lg-4 col-xxl-3 p-md-5 mx-auto mt-5">
             <div class="row text-center mb-4 d-flex flex-column align-items-center">
               <div class="mb-3 border-bottom pb-3">
                 <div class="d-flex justify-content-center mt-2">
diff --git a/ui/web/templates/resetpassword.html b/ui/web/templates/resetpassword.html
index 04d529e1..aa3afb06 100644
--- a/ui/web/templates/resetpassword.html
+++ b/ui/web/templates/resetpassword.html
@@ -11,7 +11,7 @@
     <body class="login-body">
       <div class="container-fluid mt-5 pt-5">
         <div class="row p-5">
-          <div class="login-card col-lg-4 p-md-5 mx-auto mt-5">
+          <div class="login-card col-lg-4 col-xxl-3 p-md-5 mx-auto mt-5">
             <div class="row text-center mb-4 d-flex flex-column align-items-center">
               <div class="mb-3 border-bottom pb-3">
                 <div class="sidebar-brand d-flex justify-content-center mt-2">
diff --git a/ui/web/templates/updatepassword.html b/ui/web/templates/updatepassword.html
index fd05a201..27420c45 100644
--- a/ui/web/templates/updatepassword.html
+++ b/ui/web/templates/updatepassword.html
@@ -13,7 +13,7 @@
       <div class="main-content pt-3">
         <div class="container-fluid mt-5 pt-5">
           <div class="row">
-            <div class="login-card col-lg-4 p-md-5 mx-auto mt-5">
+            <div class="login-card col-lg-4 col-xxl-3 p-md-5 mx-auto mt-5">
               <div class="row text-center mb-4 d-flex flex-column align-items-center">
                 <div class="login-header border-bottom pb-3 mb-5 mt-3">
                   <h2>Update Password</h2>
