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