diff --git a/assets/css/screen.css b/assets/css/screen.css
index 1e11ff7..0fe2254 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -2808,6 +2808,10 @@ figcaption a {
     height: auto;
 }
 
+.gh-footer-sph-logo {
+    height: 50px; /* Adjust the size of the icons */
+    width: auto;
+}
 
 .gh-footer-copyright {
     text-align: right;
diff --git a/partials/components/footer.hbs b/partials/components/footer.hbs
index cfa8469..7e3ee5d 100644
--- a/partials/components/footer.hbs
+++ b/partials/components/footer.hbs
@@ -23,7 +23,7 @@
                 <img src="/assets/logos/gitea_256.png" alt="Gitea" />
             </a>
         </div>
-        <img src="/assets/SPH/SPH_logo_use_on_white_background.png" height="50px" width="auto" style="float:middle"/>
+        <img class="gh-footer-sph-logo" src="/assets/SPH/SPH_logo_use_on_white_background.png" style="float:center"/>
     </div>
     <!-- SPH logo below social media links -->