diff --git a/components/UkraineBanner.vue b/components/UkraineBanner.vue
index bdb2831a..14010b58 100644
--- a/components/UkraineBanner.vue
+++ b/components/UkraineBanner.vue
@@ -6,18 +6,26 @@
     </div>
 </template>
 
-
 <style lang="scss">
 @import "assets/variables";
 
+$ukraine-blue: #025abc;
+$ukraine-golden: #fed602;
+
 .ukraine-banner {
-    background-color: #025abc;
-    background: linear-gradient(90deg, #025abc 40%, #fed602 60%);
-    color: white;
+    background-color: $ukraine-blue;
+    background: linear-gradient(90deg, $ukraine-blue 40%, $ukraine-golden 60%);
+    color: $white;
+    text-shadow: 2px 2px 2px rgba($black, .5);
 
     a {
         color: $white;
         text-decoration: underline;
     }
 }
+
+body[data-theme="dark"] .ukraine-banner a {
+    color: $white;
+    text-decoration: underline;
+}
 </style>
diff --git a/routes/homepage.vue b/routes/homepage.vue
index c4475309..dce3c1a8 100644
--- a/routes/homepage.vue
+++ b/routes/homepage.vue
@@ -1,9 +1,8 @@
 <template>
     <div>
+        <UkraineBanner class="mb-4"/>
         <template v-if="$te('home.welcome')">
             <section>
-                <UkraineBanner class="mb-4"/>
-
                 <h2>
                     <T>home.welcome</T>
                 </h2>