diff --git a/resources/images/OpenFrontLogo.png b/resources/images/OpenFrontLogo.png
new file mode 100644
index 000000000..b19a1dd16
Binary files /dev/null and b/resources/images/OpenFrontLogo.png differ
diff --git a/src/client/index.html b/src/client/index.html
index 672d4b307..8b5f65360 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -82,16 +82,17 @@
     <!-- Main container with responsive padding -->
     <!-- Logo section remains the same -->
     <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8">
-      <img
-        src="../../resources/images/OpenFrontLogo.svg"
-        alt="OpenFront.io"
-        class="pt-6 md:pt-12 h-auto w-3/4 md:w-1/2 lg:w-1/3 mx-auto transform sm:scale-125 md:scale-150 lg:scale-175"
-      />
-      <h3
-        class="font-sans text-center text-black pb-6 md:pb-12 text-sm sm:text-base lg:text-lg"
+      <div class="flex justify-center">
+        <img
+          src="../../resources/images/OpenFrontLogo.png"
+          alt="OpenFront.io"
+        />
+      </div>
+      <div
+        class="flex justify-center text-sm font-bold mt-[-10px] pb-6 md:pb-12"
       >
-        (v0.15.0)
-      </h3>
+        v0.15.0
+      </div>
 
       <div
         class="max-w-sm sm:max-w-md lg:max-w-lg xl:max-w-xl mx-auto p-2 pb-4"