diff --git a/src/components/custom/NewsFilterHeader.vue b/src/components/custom/NewsFilterHeader.vue
index 32ebb3ec1..3a064fbc1 100644
--- a/src/components/custom/NewsFilterHeader.vue
+++ b/src/components/custom/NewsFilterHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed top-16 left-0 z-50 mb-5 h-16 bg-gray-100 w-full">
+  <div class="top-16 left-0 z-50 mb-5 h-16 bg-gray-200 w-full rounded shadow">
     <header
       class="flex items-center justify-between flex-wrap container mx-auto px-4 py-1 sm:px-0 transition-all transition-500"
     >
@@ -37,7 +37,7 @@
 
       <nav
         :class="isOpen ? 'flex' : 'hidden'"
-        class="inline-flex md:order-2 sm:w-28 px-2 pt-2 pb-4 sm:flex sm:p-0 bg-gray-100"
+        class="inline-flex md:order-2 sm:w-28 px-2 pt-2 pb-4 sm:flex sm:p-0"
       >
         <ul
           class="list-none sm:flex justify-left capitalize transition-all transition-500"
diff --git a/src/components/custom/TagFilterHeader.vue b/src/components/custom/TagFilterHeader.vue
index f677fa889..7feca92ab 100644
--- a/src/components/custom/TagFilterHeader.vue
+++ b/src/components/custom/TagFilterHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed top-16 left-0 z-50 mb-5 h-16 bg-gray-100 w-full">
+  <div class="top-16 left-0 z-50 mb-5 h-16 bg-gray-200 w-full rounded shadow">
     <header
       class="flex items-center flex-wrap container mx-auto pt-1 pb-0 sm:px-0 transition-all transition-500"
     >