diff --git a/sapl/templates/base/login.html b/sapl/templates/base/login.html
index 5db419fce..93e974e2b 100644
--- a/sapl/templates/base/login.html
+++ b/sapl/templates/base/login.html
@@ -13,14 +13,14 @@
 
   {% endif %} -->
 
-  <div class="container">
+  <div class="container mb-3">
       <div class="row">
-          <div class="col-md-4 col-md-offset-4">
-              <div class="login-panel panel panel-default">
-                  <div class="panel-heading">
-                      <h3 class="panel-title"><center>Entrar</center></h3>
+          <div class="col-lg-4 offset-lg-4 col-8 offset-2">
+              <div class="card">
+                  <div class="card-header text-center bg-info">
+                     <h3 class=" font-weight-bolder ">Entrar</h3>
                   </div>
-                  <div class="panel-body">
+                  <div class="card-body">
                     <form id="login-form" method="post" action="{% url 'sapl.base:login' %}">
                         {% csrf_token %}