diff --git a/src/pages/_docs/skeleton.md b/src/pages/_docs/skeleton.md
index 99b950e56..8fb81e318 100644
--- a/src/pages/_docs/skeleton.md
+++ b/src/pages/_docs/skeleton.md
@@ -34,7 +34,7 @@ You can also move the lines to right or to center:
   <div class="skeleton-line"></div>
   <div class="skeleton-line"></div>
 </div>
-<div class="text-center mt">
+<div class="text-center mt-3">
   <div class="skeleton-line"></div>
   <div class="skeleton-line"></div>
   <div class="skeleton-line"></div>
diff --git a/src/pages/_includes/cards/forgot-password.html b/src/pages/_includes/cards/forgot-password.html
index 61bb7f69f..74f00e5cf 100644
--- a/src/pages/_includes/cards/forgot-password.html
+++ b/src/pages/_includes/cards/forgot-password.html
@@ -13,6 +13,6 @@
 		</div>
 	</div>
 </form>
-<div class="text-center text-muted mt">
+<div class="text-center text-muted mt-3">
 	Forget it, <a href="{{ site.base }}/sign-in.html">send me back</a> to the sign in screen.
 </div>
diff --git a/src/pages/_includes/cards/sign-in.html b/src/pages/_includes/cards/sign-in.html
index a3855799b..b13d22a12 100644
--- a/src/pages/_includes/cards/sign-in.html
+++ b/src/pages/_includes/cards/sign-in.html
@@ -37,6 +37,6 @@
 	</div>
 </form>
 
-<div class="text-center text-muted mt">
+<div class="text-center text-muted mt-3">
 	Don't have account yet? <a href="{{ site.base }}/sign-up.html" tabindex="-1">Sign up</a>
 </div>
diff --git a/src/pages/_includes/cards/sign-up.html b/src/pages/_includes/cards/sign-up.html
index 65e4ed154..d6dd80170 100644
--- a/src/pages/_includes/cards/sign-up.html
+++ b/src/pages/_includes/cards/sign-up.html
@@ -27,6 +27,6 @@
 	</div>
 </form>
 
-<div class="text-center text-muted mt">
+<div class="text-center text-muted mt-3">
 	Already have account? <a href="{{ site.base }}/sign-in.html" tabindex="-1">Sign in</a>
 </div>
diff --git a/src/pages/_includes/forms/form-elements-2.html b/src/pages/_includes/forms/form-elements-2.html
index 2ca218102..cf6389629 100644
--- a/src/pages/_includes/forms/form-elements-2.html
+++ b/src/pages/_includes/forms/form-elements-2.html
@@ -44,11 +44,11 @@
 
 <div class="mb-3">
 	<label class="form-label">Floating inputs</label>
-	<div class="form-floating mb">
+	<div class="form-floating mb-3">
 		<input type="email" class="form-control" id="floating-input" value="name@example.com" autocomplete="off">
 		<label for="floating-input">Email address</label>
 	</div>
-	<div class="form-floating mb">
+	<div class="form-floating mb-3">
 		<input type="password" class="form-control" id="floating-password" value="Password" autocomplete="off">
 		<label for="floating-password">Password</label>
 	</div>
diff --git a/src/pages/_includes/layout/homepage.html b/src/pages/_includes/layout/homepage.html
index 1373a23f8..78e856770 100644
--- a/src/pages/_includes/layout/homepage.html
+++ b/src/pages/_includes/layout/homepage.html
@@ -26,8 +26,8 @@
 			<div class="col-12">
 				<div class="card">
 					<div class="card-body">
-						<p class="mb">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
-						<div class="progress progress-separated mb">
+						<p class="mb-3">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
+						<div class="progress progress-separated mb-3">
 							<div class="progress-bar bg-primary" role="progressbar" style="width: 44%"></div>
 							<div class="progress-bar bg-info" role="progressbar" style="width: 19%"></div>
 							<div class="progress-bar bg-success" role="progressbar" style="width: 9%"></div>