fix(index.html): square showed up as rectangle

index.html

@@ -83,7 +83,7 @@ <h1 class="col-lg-7 mx-auto display-4 fw-bold text-body-emphasis">Build powerful
     <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
       <div class="feature col">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 rounded-4 border">
-          <i class="bi bi-puzzle-fill me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-puzzle-fill me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Extensions</h3>
         <p>Browse from a growing library of free, open source and paid extensions.</p>
@@ -94,7 +94,7 @@ <h3 class="fs-2 text-body-emphasis">Extensions</h3>
       </div>
       <div class="feature col">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 rounded-4 border">
-          <i class="bi bi-book me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-book me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Documentation</h3>
         <p>Learn to build extensions with step-by-step guides and refer to documentation of Blueprint's features and extension apis.</p>
@@ -105,7 +105,7 @@ <h3 class="fs-2 text-body-emphasis">Documentation</h3>
       </div>
       <div class="feature col">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 rounded-4 border">
-          <i class="bi bi-file-zip me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-file-zip me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Templates</h3>
         <p>Start your next extension project from scratch or start from a template, all without leaving your command line.</p>
@@ -117,7 +117,7 @@ <h3 class="fs-2 text-body-emphasis">Templates</h3>
       <!-- Desktop only -->
       <div class="feature col d-lg-inline d-none">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 mt-5 rounded-4 border">
-          <i class="bi bi-hearts me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-hearts me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Donation-funded</h3>
         <p>People just like you fund future development for Blueprint by donating.</p>
@@ -128,7 +128,7 @@ <h3 class="fs-2 text-body-emphasis">Donation-funded</h3>
       </div>
       <div class="feature col d-lg-inline d-none">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 mt-5 rounded-4 border">
-          <i class="bi bi-compass me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-compass me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Beginner-friendly</h3>
         <p>Both installing and developing extensions is made to be less complicated than conventional methods.</p>
@@ -139,7 +139,7 @@ <h3 class="fs-2 text-body-emphasis">Beginner-friendly</h3>
       </div>
       <div class="feature col d-lg-inline d-none">
         <div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-body-tertiary fs-2 mb-3 mt-5 rounded-4 border">
-          <i class="bi bi-palette2 me-3 ms-3 mt-2 mb-2"></i>
+          <i class="bi bi-palette2 me-3 ms-3 mt-3 mb-3"></i>
         </div>
         <h3 class="fs-2 text-body-emphasis">Theme support</h3>
         <p>Extensions can ship with custom stylesheets to theme your Pterodactyl panel with.</p>