diff --git a/sisvietnamvn/src/main/resources/templates/flex-finish.html b/sisvietnamvn/src/main/resources/templates/flex-finish.html
index 601259e2..f7274ee5 100644
--- a/sisvietnamvn/src/main/resources/templates/flex-finish.html
+++ b/sisvietnamvn/src/main/resources/templates/flex-finish.html
@@ -17,7 +17,7 @@
     <script th:src="@{/js/custom-umass.js}"></script>
 </head>
 
-<body> <!-- Tất cả nội dung ruột của trang Flex Finish sẽ nằm trong thẻ main này -->
+<body class="transparent-header"> <!-- Tất cả nội dung ruột của trang Flex Finish sẽ nằm trong thẻ main này -->
     <main role="main" layout:fragment="content">
         <main id="main-content">
             <div class="l--content">
diff --git a/sisvietnamvn/src/main/resources/templates/fragments/header.html b/sisvietnamvn/src/main/resources/templates/fragments/header.html
index 38cea665..b7cb7bd9 100644
--- a/sisvietnamvn/src/main/resources/templates/fragments/header.html
+++ b/sisvietnamvn/src/main/resources/templates/fragments/header.html
@@ -2,32 +2,6 @@
   <h1 class="visually-hidden">The University of Massachusetts Amherst</h1>
 
   <style>
-    /* CSS override for SIS Vietnam custom logo aspect ratio */
-    /* [data-component-id="umass_base:header-branding"] img,
-    .tophat-logo img {
-      height: 45px !important;
-      width: auto !important;
-      max-width: 100% !important;
-    }
-
-    @media (min-width: 768px) {
-
-      [data-component-id="umass_base:header-branding"] img,
-      .tophat-logo img {
-        height: 55px !important;
-        width: auto !important;
-      }
-    }
-
-    @media (min-width: 1024px) {
-
-      [data-component-id="umass_base:header-branding"] img,
-      .tophat-logo img {
-        height: 65px !important;
-        width: auto !important;
-      }
-    } */
-
     /* Fix logo visibility on dark background with Glow effect */
     [data-component-id="umass_base:header-branding"] {
       position: absolute;
@@ -51,6 +25,13 @@
       transform: scale(1.05);
       filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
     }
+
+    /* Force white color for mobile hamburger icon when transparent header is active */
+    .transparent-header #mobile-hamburger .hamburger-inner,
+    .transparent-header #mobile-hamburger .hamburger-inner::before,
+    .transparent-header #mobile-hamburger .hamburger-inner::after {
+      background-color: var(--color-white) !important;
+    }
   </style>
 
   <div class="region region-header r--region r--header">
