diff --git a/public/static/unassigned_bounty_hover_bg.svg b/public/static/unassigned_bounty_hover_bg.svg
index 6e7f93ad..2c095236 100644
--- a/public/static/unassigned_bounty_hover_bg.svg
+++ b/public/static/unassigned_bounty_hover_bg.svg
@@ -1,7 +1,7 @@
 <svg width="758" height="160" viewBox="0 0 758 160" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g filter="url(#filter0_d_18_291)">
 <path d="M0 9.875C0 4.42119 4.47186 0 9.98808 0H712.362C716.2 0 719.698 2.17375 721.362 5.59251L755.012 74.7175C756.329 77.424 756.329 80.5761 755.012 83.2825L721.362 152.408C719.698 155.827 716.2 158 712.362 158H9.98808C4.47176 158 0 153.579 0 148.125V9.875Z" fill="white"/>
-<path d="M1 9.875C1 4.98418 5.01338 1 9.98808 1H712.362C715.822 1 718.969 2.95961 720.463 6.03006L754.113 75.1552C755.296 77.5854 755.296 80.4146 754.113 82.8448L720.463 151.97L721.282 152.369L720.463 151.97C718.969 155.041 715.822 157 712.362 157H9.98808C5.01327 157 1 153.016 1 148.125V9.875Z" stroke="#49C998" stroke-opacity="0.2" stroke-width="2"/>
+<path d="M1 9.875C1 4.98418 5.01338 1 9.98808 1H712.362C715.822 1 718.969 2.95961 720.463 6.03006L754.113 75.1552C755.296 77.5854 755.296 80.4146 754.113 82.8448L720.463 151.97L721.282 152.369L720.463 151.97C718.969 155.041 715.822 157 712.362 157H9.98808C5.01327 157 1 153.016 1 148.125V9.875Z" stroke="#0074cc" stroke-opacity="0.2" stroke-width="2"/>
 </g>
 <defs>
 <filter id="filter0_d_18_291" x="-6" y="-5" width="768" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
diff --git a/src/people/utils/AssignedUnassignedBounties.tsx b/src/people/utils/AssignedUnassignedBounties.tsx
index 2ec02198..6c5a418f 100644
--- a/src/people/utils/AssignedUnassignedBounties.tsx
+++ b/src/people/utils/AssignedUnassignedBounties.tsx
@@ -63,13 +63,10 @@ const DescriptionPriceContainer = styled.div<containerProps>`
   background-size: cover;
 
   :hover {
-    background: url('static/unassigned_bounty_hover_bg.svg');
+    background: url('/static/unassigned_bounty_hover_bg.svg');
     background-repeat: no-repeat;
     background-size: cover;
   }
-  :active {
-    background: url('static/unassigned_bounty_active_bg.svg');
-  }
 `;
 
 const UnassignedPersonProfile = styled.div<containerProps>`
@@ -204,7 +201,10 @@ const Bounties = (props: BountiesProps) => {
         </BountyLink>
       ) : (
         <BountyContainer color={color}>
-          <DescriptionPriceContainer unAssignedBackgroundImage='url("/static/unassigned_bounty_bg.svg")'>
+          <DescriptionPriceContainer
+            data-testid="description-price-container"
+            unAssignedBackgroundImage={'url("/static/unassigned_bounty_bg.svg")'}
+          >
             <BountyLink
               to={props.org_uuid ? `/bounty/${props.id}/${props.org_uuid}` : `/bounty/${props.id}`}
             >
diff --git a/src/people/utils/__test__/AssignedUnassignedBounties.spec.tsx b/src/people/utils/__test__/AssignedUnassignedBounties.spec.tsx
index be50f9e7..5377fdbc 100644
--- a/src/people/utils/__test__/AssignedUnassignedBounties.spec.tsx
+++ b/src/people/utils/__test__/AssignedUnassignedBounties.spec.tsx
@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
 import { Router } from 'react-router-dom';
-import { queryByText, render, screen } from '@testing-library/react';
+import { render, screen, fireEvent } from '@testing-library/react';
 import nock from 'nock';
 import React from 'react';
 import { setupStore } from '../../../__test__/__mockData__/setupStore';
@@ -32,6 +32,7 @@ beforeEach(() => {
  */
 describe('Bounties Component', () => {
   nock(user.url).get('/person/id/1').reply(200, {});
+
   test('display bounty', () => {
     const bountyProps = {
       assignee: person,
@@ -55,4 +56,37 @@ describe('Bounties Component', () => {
     );
     expect(screen.queryByText(bountyProps.title)).toBeInTheDocument();
   });
+
+  test('display bounty with hover effect on DescriptionPriceContainer', async () => {
+    const bountyProps = {
+      assignee: undefined,
+      price: 0,
+      sessionLength: '',
+      priceMin: 0,
+      priceMax: 0,
+      codingLanguage: [],
+      title: 'test_title',
+      person: person,
+      onPanelClick: () => {},
+      widget: {},
+      created: 0,
+      isPaid: false
+    };
+
+    render(
+      <Router history={history}>
+        <Bounties {...bountyProps} />
+      </Router>
+    );
+
+    const descriptionPriceContainer = screen.getByTestId('description-price-container');
+
+    expect(descriptionPriceContainer).toBeInTheDocument();
+
+    fireEvent.mouseEnter(descriptionPriceContainer);
+
+    expect(descriptionPriceContainer).toHaveStyle({
+      background: 'url("/static/unassigned_bounty_hover_bg.svg")'
+    });
+  });
 });