diff --git a/components/Dropdown/dropdown.js b/components/Dropdown/dropdown.js
index e76362e6..9be91943 100644
--- a/components/Dropdown/dropdown.js
+++ b/components/Dropdown/dropdown.js
@@ -7,7 +7,7 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 			<div className='w-full'>
 				<button
 					type='button'
-					className='flex justify-between text-white p-4 w-full justify-center gap-x-1.5 rounded-md shadow-sm border border-gray card-bg hover:bg-gray-50'
+					className='flex justify-between text-white p-4 w-full justify-center gap-x-1.5 rounded-md shadow-sm card-bg hover:bg-gray-50 gradient-bg no-border'
 					id='menu-button'
 					aria-expanded='true'
 					aria-haspopup='true'
@@ -58,7 +58,7 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 											setOptions2(item.lists);
 											setShow(false);
 										}}
-										className={`text-gray-700 block p-4 text-md hover:text-white cursor-pointer navbg ${item.city === active? 'active-bg' : ''}`}
+										className={`text-gray-700 block p-4 text-md hover:text-white cursor-pointer navbg`}
 										role='menuitem'
 										tabindex='-1'
 										id='menu-item-0'
diff --git a/styles/globals.css b/styles/globals.css
index 938b319d..66d359a0 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -69,8 +69,8 @@ body {
   bottom: 0 !important;
 }
 
-.gradient-bg, .active-bg{
-   background-image: linear-gradient(225deg, #2DCCFD 9.35%, #AD20E2 88.41%);
+.gradient-bg {
+   background-image: linear-gradient(225deg, #2DCCFD 9.35%, #AD20E2 88.41%) !important;
 }
 
 .navbg:hover, .navbg:focus{
@@ -90,6 +90,10 @@ body {
   box-shadow: 0px 59px 100px rgba(0, 0, 0, 0.25), 0px 44px 94px rgba(0, 0, 0, 0.15);
 }
 
+.no-border {
+  border: none !important;
+}
+
 .header-bg{
 background: linear-gradient(320deg, #2db4fd 10.35%, #410854 88.41%);
 }