diff --git a/CHANGELOG.md b/CHANGELOG.md
index 813cf4b47..30ecc09bc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [5.1.2](https://github.com/userfrosting/userfrosting/compare/5.1.1...5.1.2)
+- Fix FontAwesome icons on the about page
+- Add vscode settings
+
+## [5.1.1](https://github.com/userfrosting/userfrosting/compare/5.1.0...5.1.1)
+- Update meta data files
+- Update PHPStan config
+
 ## [5.1.0](https://github.com/userfrosting/userfrosting/compare/5.0.2...5.1.0)
 - Drop PHP 8.1 support, add PHP 8.3 support
 - Update to Laravel 10
diff --git a/app/templates/pages/about.html.twig b/app/templates/pages/about.html.twig
index 97b8c88d6..1e24e688e 100755
--- a/app/templates/pages/about.html.twig
+++ b/app/templates/pages/about.html.twig
@@ -37,11 +37,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
@@ -56,11 +56,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
@@ -75,11 +75,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
@@ -94,11 +94,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
@@ -113,11 +113,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
@@ -132,11 +132,11 @@
                     </h3>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                     <ul class="list-inline">
-                        <li><a href="#"><i class="fas fa-2x fa-facebook-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-facebook"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-linkedin-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-linkedin"></i></a>
                         </li>
-                        <li><a href="#"><i class="fas fa-2x fa-twitter-square"></i></a>
+                        <li><a href="#"><i class="fa-brands fa-2x fa-square-x-twitter"></i></a>
                         </li>
                     </ul>
                 </div>
diff --git a/app/templates/pages/index.html.twig b/app/templates/pages/index.html.twig
index b517a71e8..aa08a74eb 100755
--- a/app/templates/pages/index.html.twig
+++ b/app/templates/pages/index.html.twig
@@ -42,10 +42,10 @@
                   </div>
                 </div>
                 <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
-                  <span class="fas fa-angle-left"></span>
+                  <span class="fa-solid fa-angle-left"></span>
                 </a>
                 <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
-                  <span class="fas fa-angle-right"></span>
+                  <span class="fa-solid fa-angle-right"></span>
                 </a>
             </div>
             <!-- /.carousel -->
@@ -64,7 +64,7 @@
         <div class="col-md-4">
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h4><i class="fas fa-fw fa-check"></i> Bootstrap v3.2.0</h4>
+                    <h4><i class="fa-solid fa-fw fa-check"></i> Bootstrap v3.2.0</h4>
                 </div>
                 <div class="panel-body">
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>
@@ -75,7 +75,7 @@
         <div class="col-md-4">
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h4><i class="fas fa-fw fa-gift"></i> Free &amp; Open Source</h4>
+                    <h4><i class="fa-solid fa-fw fa-gift"></i> Free &amp; Open Source</h4>
                 </div>
                 <div class="panel-body">
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>
@@ -86,7 +86,7 @@
         <div class="col-md-4">
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h4><i class="fas fa-fw fa-compass"></i> Easy to Use</h4>
+                    <h4><i class="fa-solid fa-fw fa-compass"></i> Easy to Use</h4>
                 </div>
                 <div class="panel-body">
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>