2 files changed, 9 insertions, 17 deletions
diff --git a/site/content/docs/5.2/examples/sign-in/index.html b/site/content/docs/5.3/examples/sign-in/index.html
index 8772ba3..8420c45 100644
--- a/site/content/docs/5.2/examples/sign-in/index.html
+++ b/site/content/docs/5.3/examples/sign-in/index.html
@@ -2,9 +2,8 @@
 layout: examples
 title: Signin Template
 extra_css:
-  - "signin.css"
-body_class: "text-center"
-include_js: false
+  - "sign-in.css"
+body_class: "d-flex align-items-center py-4 bg-body-tertiary"
 ---
 
 <main class="form-signin w-100 m-auto">
@@ -21,12 +20,13 @@ include_js: false
       <label for="floatingPassword">Password</label>
     </div>
 
-    <div class="checkbox mb-3">
-      <label>
-        <input type="checkbox" value="remember-me"> Remember me
+    <div class="form-check text-start my-3">
+      <input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
+      <label class="form-check-label" for="flexCheckDefault">
+        Remember me
       </label>
     </div>
-    <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
-    <p class="mt-5 mb-3 text-muted">&copy; 2017–{{< year >}}</p>
+    <button class="btn btn-primary w-100 py-2" type="submit">Sign in</button>
+    <p class="mt-5 mb-3 text-body-secondary">&copy; 2017–{{< year >}}</p>
   </form>
 </main>
diff --git a/site/content/docs/5.2/examples/sign-in/signin.css b/site/content/docs/5.3/examples/sign-in/sign-in.css
index 89deea4..641f6d9 100644
--- a/site/content/docs/5.2/examples/sign-in/signin.css
+++ b/site/content/docs/5.3/examples/sign-in/sign-in.css
@@ -3,17 +3,9 @@ body {
   height: 100%;
 }
 
-body {
-  display: flex;
-  align-items: center;
-  padding-top: 40px;
-  padding-bottom: 40px;
-  background-color: #f5f5f5;
-}
-
 .form-signin {
   max-width: 330px;
-  padding: 15px;
+  padding: 1rem;
 }
 
 .form-signin .form-floating:focus-within {