diff --git a/assets/css/screen.css b/assets/css/screen.css
index 2401a1c..2915c0e 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -2809,12 +2809,14 @@ figcaption a {
 }
 
 
-.gh-footer-inner .gh-inner sph {
+.gh-footer-sph-logo {
     display: flex;
     align-items: center;
     justify-content: center; /* Centers the icons horizontally */
-    width: 100;
+}
 
+.gh-footer-sph-logo img {
+    width: 100;
 }
 
 
diff --git a/partials/components/footer.hbs b/partials/components/footer.hbs
index 979b187..a0541a2 100644
--- a/partials/components/footer.hbs
+++ b/partials/components/footer.hbs
@@ -23,7 +23,9 @@
                 <img src="/assets/logos/gitea_256.png" alt="Gitea" />
             </a>
         </div>
-        <!-- SPH logo below social media links -->
-        <sph src="/assets/SPH/SPH_logo_use_on_white_background.png" alt="SPH"/>
+        <div class="gh-footer-sph-logo">
+            <!-- SPH logo below social media links -->
+            <img src="/assets/SPH/SPH_logo_use_on_white_background.png" alt="SPH"/>
+        </div>
     </div>
 </footer>