diff --git a/website/.sphinx/_static/css/custom-header.css b/website/.sphinx/_static/css/custom-header.css
new file mode 100644
index 0000000..7323fdb
--- /dev/null
+++ b/website/.sphinx/_static/css/custom-header.css
@@ -0,0 +1,33 @@
+/* Fix the odd looking navigation link (More Resources) on big screens */
+ul.p-navigation__links {
+  max-width: unset !important;
+}
+
+/* Work around to make the logo look better on small devices */
+@media (max-width: 550px) {
+  .p-logo-text {
+    color: transparent !important;
+    position: relative;
+  }
+  .p-logo-text::after {
+    content: "CODA";
+    position: absolute;
+    top: 0;
+    left: 0;
+    color:white;
+  }
+}
+
+/* Hide the unwanted empty link inside the header for small devices */
+@media (max-width: 800px) {
+  .nav-ubuntu-com {
+    display: none !important;
+  }
+}
+
+/* Add margin to the right side of the header to improve UI */
+@media only screen and (min-width: 1310px) {
+    ul.p-navigation__links {
+        margin-right: calc(50% - 41em) !important;
+    }
+}
diff --git a/website/conf.py b/website/conf.py
index cb8245d..3f211f7 100644
--- a/website/conf.py
+++ b/website/conf.py
@@ -250,6 +250,7 @@
 
 html_css_files = [
     "css/pdf.css",
+    "css/custom-header.css",
     # For short-term announcement about survey
     # TODO: Remove this block by 2025-08-11
     "css/announcement.css",