diff --git a/frontend/app/components/Client/Sites/Sites.tsx b/frontend/app/components/Client/Sites/Sites.tsx
index 46226e07e..b1cc90403 100644
--- a/frontend/app/components/Client/Sites/Sites.tsx
+++ b/frontend/app/components/Client/Sites/Sites.tsx
@@ -112,12 +112,12 @@ const Sites = ({
         />
       </div>
       <div className='col-span-2'>
-        <span
-          className='link'
+        <Button
+          variant='text-primary'
           onClick={() => captureRateClickHandler(project)}
         >
           {project.sampleRate}%
-        </span>
+        </Button>
       </div>
       <div className='col-span-3 justify-self-end flex items-center'>
         <div className='mr-4'>