diff --git a/mccs-it/thermal/public/index.html b/mccs-it/thermal/public/index.html
index ba6892a..ecb4328 100644
--- a/mccs-it/thermal/public/index.html
+++ b/mccs-it/thermal/public/index.html
@@ -8,7 +8,10 @@
 </head>
 <body class="bg-gray-100 font-sans leading-normal tracking-normal">
     <div class="max-w-lg mx-auto mt-10 bg-white p-8 rounded-lg shadow-lg">
-        <h1 class="text-2xl font-bold text-center mb-4 text-gray-700">ITS Credential Printer</h1>
+        <div class="flex justify-center mb-6">
+            <img src="./itslogo_color.png" alt="ITS Logo" class="h-24 w-auto">
+        </div>        
+        <h1 class="text-2xl font-bold text-center mb-4" style="color: #1F3C70;">ITS Credential Printer</h1>
         <p class="text-center text-gray-600 mb-6">
             Provide the username and student ID in the fields below, then click the Print button.
             A pre-formatted receipt will print with the information from the thermal printer.
@@ -29,7 +32,8 @@
 
             <div class="text-center">
                 <button type="submit" 
-                    class="w-full bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-opacity-50">
+                    style="background-color: #1F3C70;"
+                    class="w-full text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-opacity-50">
                     Print
                 </button>
             </div>
diff --git a/mccs-it/thermal/public/itslogo_color.png b/mccs-it/thermal/public/itslogo_color.png
new file mode 100644
index 0000000..31324d2
Binary files /dev/null and b/mccs-it/thermal/public/itslogo_color.png differ
