hard code the bg color on action items

Author: alishaevn

src/compounds/ActionsGroup/ActionsGroup.jsx

@@ -35,6 +35,7 @@ const ActionsGroup = ({ initialFiles }) => {
           variant='primary'
           onClick={() => handleShow('ViewFiles')}
           role='presentation'
+          bsPrefix='bg-secondary-8 list-group-item'
         >
           <FontAwesomeIcon icon='fa-file-lines' />
           View Files

src/compounds/ActionsGroup/actions/ViewFiles.jsx

@@ -25,7 +25,7 @@ const ViewFiles = ({ initialFiles, handleClose }) => {
 
   return (
     <Offcanvas show onHide={handleClose} placement='end' scroll='true'>
-      <Offcanvas.Header className='d-flex border-bottom px-3 py-2 bg-light' closeButton>
+      <Offcanvas.Header className='d-flex border-bottom px-3 py-2 bg-secondary-8' closeButton>
         <Offcanvas.Title>Documents</Offcanvas.Title>
       </Offcanvas.Header>
       <Offcanvas.Body className='border rounded p-2 m-3'>