diff --git a/src/components/MapMenu.tsx b/src/components/MapMenu.tsx
index 13a040a..0f44482 100644
--- a/src/components/MapMenu.tsx
+++ b/src/components/MapMenu.tsx
@@ -220,7 +220,7 @@ export default function MapMenu(props: MapMenuProps) {
         </div>   
         <div className='order-1 order-sm-3 col-8 col-sm-4 px-0'>
         <div className='d-flex justify-content-end me-3 pb-1'>
-        <div className="btn-group btn-group-sm my-1" role="group" aria-label="Basic checkbox toggle button group">     
+        <div className="btn-group btn-outline-secondary btn-group-sm my-1" role="group" aria-label="Basic checkbox toggle button group">     
             <a className="btn dropdown-toggle rounded-end-0 d-flex align-items-center" id="accessibility" href="#accessibility" type="button" data-bs-toggle="dropdown" aria-expanded="false">
               <img width={30} src={accessibilityIcon} alt="Accessibility Dropdown menu" />