diff --git a/frontend/src/lib/assets/css/main.less b/frontend/src/lib/assets/css/main.less
index 3c6265c..cad179e 100644
--- a/frontend/src/lib/assets/css/main.less
+++ b/frontend/src/lib/assets/css/main.less
@@ -8,10 +8,10 @@
     --normal-font-color-30: rgba(51, 51, 51, 0.3);
     --opposite-font-color: rgb(235, 221, 221);
     --hover-color: rgb(171, 137, 137);
-    --heading-font-color: #ff0000;
+    --heading-font-color: #b81010;
     --top-heading-font-color: rgb(198, 129, 0);
     --link-font-color: rgb(255, 165, 0);
-    --banner-color: #ff0000;
+    --banner-color: #b81010;
     --opposite-bg-color: #000;
     --opposite-bg-color-80: rgba(24, 24, 24, 0.8);
     --opposite-bg-color-5: rgba(24, 24, 24, 0.05);
@@ -27,10 +27,10 @@ body.darkTheme {
     --normal-font-color-30: rgba(209, 209, 209, 0.3);
     --normal-font-color-12: rgba(209, 209, 209, 0.12);
     --hover-color: #404040; /* subtle change for hover */
-    --heading-font-color: #9fb3c7; /* slightly brighter for better readability */
-    --top-heading-font-color: rgb(200, 106, 0);
-    --link-font-color: rgb(200, 106, 0);
-    --banner-color: #9fb3c7; /* a cooler shade for the banner */
+    --heading-font-color: #5d2121; /* slightly brighter for better readability */
+    --top-heading-font-color: #b81010;
+    --link-font-color: #b81010;
+    --banner-color: #5d2121; /* a cooler shade for the banner */
     --opposite-bg-color: #fafafa; /* off-white */
     --opposite-bg-color-80: rgba(250, 250, 250, 0.8);
     --opposite-bg-color-5: rgba(250, 250, 250, 0.05);
diff --git a/frontend/src/lib/components/header/desktop.svelte b/frontend/src/lib/components/header/desktop.svelte
index d9ec78e..7e4dbdc 100644
--- a/frontend/src/lib/components/header/desktop.svelte
+++ b/frontend/src/lib/components/header/desktop.svelte
@@ -32,7 +32,7 @@
     let hoverTimeout: string | number | NodeJS.Timeout | undefined
 
     function stretchText() {
-        let container = document.getElementById("logo-containerpc")
+        /* let container = document.getElementById("logo-containerpc")
         let textElement = document.getElementById("upperpc")
 
         let containerWidth = container.offsetWidth
@@ -57,7 +57,7 @@
         if (characterCount > 0 && spaceNeeded > 0) {
             const letterSpacing = spaceNeeded / characterCount
             textElement.style.letterSpacing = `${letterSpacing}px`
-        }
+        }*/
     }
 
     window.addEventListener("resize", stretchText)
@@ -241,7 +241,7 @@
                     display: flex;
                     align-items: center;
                     margin-top: -15px;
-                    width: 200px;
+
                     .logo-text {
                         padding: 0px 10px;
                         p {
@@ -258,7 +258,7 @@
                             color: rgb(184, 16, 16);
                         }
                         & > #lowerpc {
-                            font-size: 14px;
+                            font-size: 15px;
                             letter-spacing: 0.4px;
                             font-weight: bold;
                             margin-top: -17px;