diff --git a/src/project/templates/account/login.html b/src/project/templates/account/login.html
index d4b29cb..afa7422 100644
--- a/src/project/templates/account/login.html
+++ b/src/project/templates/account/login.html
@@ -45,7 +45,9 @@
         {% trans "Forgot password?" %}
     </a>
 
-    <hr class="hr-text" data-content="{% trans "Or"|upper %}">
+    <div class="hr-text">
+        <span>{% trans "Or"|upper %}</span>
+    </div>
 
     <a class="w-100 btn btn-lg btn-outline-success"
        type="submit"
diff --git a/src/project/templates/account/pre_login_base.html b/src/project/templates/account/pre_login_base.html
index 5113ae9..f90066b 100644
--- a/src/project/templates/account/pre_login_base.html
+++ b/src/project/templates/account/pre_login_base.html
@@ -51,12 +51,17 @@
             z-index: 2;
         }
 
-        .hr-text:after {
-            content: attr(data-content);
-            padding: 0 4px;
-            position: relative;
-            top: -13px;
-            background-color: #a8f3f4;
+        .hr-text {
+          width: 100%;
+           text-align: center;
+           border-bottom: 1px solid #000;
+           line-height: 0.1em;
+           margin: 20px 0 20px;
+        }
+
+        .hr-text span {
+          background: #a8f3f4;
+          padding: 0 10px;
         }
 
     </style>