From cdcb5e05266b58856e5ff852d68644f7c130c3be Mon Sep 17 00:00:00 2001
From: Vilnite <vilnitekristine@gmail.com>
Date: Mon, 22 Mar 2021 12:50:06 +0200
Subject: [PATCH] updated filter bar

---
 src/components/custom/NewsFilterHeader.vue | 4 ++--
 src/components/custom/TagFilterHeader.vue  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

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"
     >