diff --git a/public/img/locations/dining.png b/public/img/locations/dining.png
index 9fa3961..cc31e64 100644
Binary files a/public/img/locations/dining.png and b/public/img/locations/dining.png differ
diff --git a/public/img/locations/lab.png b/public/img/locations/lab.png
index 4d55e27..1372b94 100644
Binary files a/public/img/locations/lab.png and b/public/img/locations/lab.png differ
diff --git a/public/img/other/art.png b/public/img/other/art.png
index 8fd4896..30ada92 100644
Binary files a/public/img/other/art.png and b/public/img/other/art.png differ
diff --git a/public/img/other/bike-racks.png b/public/img/other/bike-racks.png
index 267f634..e4e1741 100644
Binary files a/public/img/other/bike-racks.png and b/public/img/other/bike-racks.png differ
diff --git a/public/img/outdoors/recreation.png b/public/img/outdoors/recreation.png
index 64b8213..4b8cc80 100644
Binary files a/public/img/outdoors/recreation.png and b/public/img/outdoors/recreation.png differ
diff --git a/public/img/outdoors/well-being.png b/public/img/outdoors/well-being.png
index 6a372f7..b6fbbf4 100644
Binary files a/public/img/outdoors/well-being.png and b/public/img/outdoors/well-being.png differ
diff --git a/src/App.tsx b/src/App.tsx
index 800de19..3d548c3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -355,6 +355,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'dining',
+      "icon-size": 0.4,
       visibility: visibility.locations.dining! ? 'visible': 'none'
     },
   };
@@ -375,6 +376,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'lab',
+      "icon-size": 0.8,
       visibility: visibility.locations.labs! ? 'visible': 'none'
     },
   };
@@ -436,6 +438,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'recreation',
+      "icon-size" : .5,
       visibility: visibility.outdoors.recreation! ? 'visible': 'none'
     },
   };
@@ -446,6 +449,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'wellbeing',
+      "icon-size": 0.5,
       visibility: visibility.outdoors.wellBeing! ? 'visible': 'none'
     },
   };
@@ -521,6 +525,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'bike-rack',
+      "icon-size": 0.7,
       visibility: visibility.bikeRacks! ? 'visible': 'none'
     },
   };
@@ -551,6 +556,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'art',
+      "icon-size": 0.5,
       visibility: visibility.art! ? 'visible': 'none'
     },
   };
@@ -579,16 +585,9 @@ function App() {
   return (
     <div className='container-fluid px-0'>
       <nav className='navbar fixed-top navbar-expand-xl navbar-light bg-light px-2 navbar-custom-style'>
-        <span className='navbar-brand pl-4'>Campus Map</span>
-        <button className='navbar-toggler justify-self-right mb-1' type='button' data-bs-toggle='collapse' data-bs-target='#navbarSupportedContent' aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation'>
-          <span className='navbar-toggler-icon'></span>
-        </button>
-        <div className='px-0 px-md-3 bg-light navbar-collapse collapse' id="navbarSupportedContent">
           <MapMenu
             visibility={visibility}
-            setVisibility={setVisibility} />
-        </div>
-        
+            setVisibility={setVisibility} />        
       </nav>
       <div className='map-container'>
       <Map
diff --git a/src/components/Campuses.tsx b/src/components/Campuses.tsx
index 18be75d..0d0c368 100644
--- a/src/components/Campuses.tsx
+++ b/src/components/Campuses.tsx
@@ -13,7 +13,7 @@ const Campuses = ({ campus, onclick }: CampusesProps) => {
       <div className='d-flex w-100 flex-wrap justify-content-around mb-2'>
         {campus.map((campusData, index) => (
           <React.Fragment key={index}>
-            <a href={`#${campusData.shortName.toLowerCase()}`} className='text-decoration-none' onClick={()=> onclick(campusData)}>{campusData.shortName}</a>{ index !== campus.length - 1 && <span>|</span> }
+            <a href={`#${campusData.shortName.toUpperCase()}`} className='text-decoration-none' onClick={()=> onclick(campusData)}>{campusData.shortName.toUpperCase()}</a>{ index !== campus.length - 1 && <span>|</span> }
             </React.Fragment>
           ))}
       </div>
diff --git a/src/components/MapMenu.tsx b/src/components/MapMenu.tsx
index eb1a7f6..1dae4a0 100644
--- a/src/components/MapMenu.tsx
+++ b/src/components/MapMenu.tsx
@@ -9,9 +9,10 @@ interface MapMenuProps {
 export default function MapMenu(props: MapMenuProps) {
   return (
     <div className='w-100'>
-      <div className='row'>
-        <div className='col-12 col-sm-6'>
-          <div className="d-flex flex-row flex-wrap justify-content-center justify-content-sm-start py-1">
+      <div className='d-flex row'>
+        <div className='col-4 col-sm-2 col-xl-1 pt-2 mt-1 text-center'><span className='text-uppercase fw-bold navbar-brand'>Campus Map</span></div>
+        <div className='order-3 order-sm-2 col-12 col-sm-6'>
+          <div className="d-flex flex-row flex-wrap justify-content-center justify-content-md-start py-1 ms-sm-5">
             <div className='btn-group my-1'>
               <div className='btn-group'>
                 <a className='btn btn-outline-dark dropdown-toggle' data-bs-toggle='dropdown' href='#locations' role="button" aria-expanded="false">Locations</a>
@@ -142,15 +143,69 @@ export default function MapMenu(props: MapMenuProps) {
                   </li>
                 </ul>
               </div>
+              <div className='btn-group'>
+                <a className='btn btn-outline-dark dropdown-toggle' data-bs-toggle='dropdown' href='#locations' role="button" aria-expanded="false">More</a>
+              <ul className="dropdown-menu dropdown-menu-end">
+                <li>
+                    <a
+                      className={props.visibility.bikeRacks ? 'dropdown-item active' : 'dropdown-item'}
+                      href='#bikeRack'
+                      id="bikeRacks"
+                      onClick={() => props.setVisibility({ ...props.visibility, 'bikeRacks': !props.visibility['bikeRacks'] })}
+                    >
+                      Bike Racks
+                    </a>
+                  </li>
+                  <li>
+                  <a
+                    className={props.visibility.family ? 'dropdown-item active' : 'dropdown-item'}
+                    id="family"
+                    href='#family'
+                    onClick={() => props.setVisibility({ ...props.visibility, 'family': !props.visibility['family'] })}
+                  >
+                    Family Resources
+                  </a>  
+                </li>
+                <li>
+                  <a
+                    className={props.visibility.knightsPantry ? 'dropdown-item active' : 'dropdown-item'}
+                    id="pantry"
+                    href='#pantry'
+                    onClick={() => props.setVisibility({ ...props.visibility, 'knightsPantry': !props.visibility['knightsPantry'] })}
+                  >
+                    Knight's Pantry
+                  </a>  
+                </li>
+                <li>
+                  <a
+                    className={props.visibility.art ? 'dropdown-item active' : 'dropdown-item'}
+                    id="art"
+                    href='#art'
+                    onClick={() => props.setVisibility({ ...props.visibility, 'art': !props.visibility['art'] })}
+                  >Art
+                  </a>  
+                </li>
+                <li>
+                  <a
+                    className={props.visibility.studentServices ? 'dropdown-item active' : 'dropdown-item'}
+                    id="services"
+                    href='#services'
+                    onClick={() => props.setVisibility({ ...props.visibility, 'studentServices': !props.visibility['studentServices'] })}
+                  >
+                    Student Services
+                  </a>  
+                </li>
+              </ul>
+              </div>
             </div>
           </div>
         </div>   
-        <div className='col-12 col-sm-6 px-0'>
-        <div className='d-flex justify-content-center py-1'>
+        <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">     
-            <a className="btn btn-outline-dark dropdown-toggle rounded-end-0 d-flex align-items-center" id="accessibility" href="#accessibility" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <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='./img/handicap.png' alt="Accessibility" />
-              <span>Accessibility</span>
+              
             </a>
               <ul className="dropdown-menu">
                 <li>
@@ -216,70 +271,18 @@ export default function MapMenu(props: MapMenuProps) {
               </ul>
 
               <a
-                className={props.visibility.shuttleStops ? 'btn btn-dark rounded-0 d-flex align-items-center' : 'btn btn-outline-dark rounded-0 d-flex align-items-center'}
+                className={props.visibility.shuttleStops ? 'btn btn-dark rounded-0 d-flex align-items-center' : 'btn rounded-0 d-flex align-items-center'}
                 id="shuttleStops"
                 href='#shuttleStops'
                 onClick={() => props.setVisibility({ ...props.visibility, 'shuttleStops': !props.visibility['shuttleStops'] })} >
-              <img width={30} src='./img/bus.png' alt="bus logo"/><span> Shuttle</span></a>
+              <img width={30} src='./img/bus.png' alt="bus logo"/></a>
               <a
-                className={props.visibility.emergencyPhones ? 'btn btn-dark rounded-0 d-flex align-items-center' : 'btn btn-outline-dark rounded-0 d-flex align-items-center'}
+                className={props.visibility.emergencyPhones ? 'btn btn-dark rounded-0 d-flex align-items-center' : 'btn rounded-0 d-flex align-items-center'}
                 id="blueLightPhones"
                 href='#blueLightPhones'
                 onClick={() => props.setVisibility({ ...props.visibility, 'emergencyPhones': !props.visibility['emergencyPhones'] })} >
-              <img width={30} src='./img/phone.png' alt="emergency phones"/><span> Emergency</span></a> 
-              <button type="button" className="btn btn-outline-dark align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-              </button>
-              <ul className="dropdown-menu dropdown-menu-end">
-                <li>
-                    <a
-                      className={props.visibility.bikeRacks ? 'dropdown-item active' : 'dropdown-item'}
-                      href='#bikeRack'
-                      id="bikeRacks"
-                      onClick={() => props.setVisibility({ ...props.visibility, 'bikeRacks': !props.visibility['bikeRacks'] })}
-                    >
-                      Bike Racks
-                    </a>
-                  </li>
-                  <li>
-                  <a
-                    className={props.visibility.family ? 'dropdown-item active' : 'dropdown-item'}
-                    id="family"
-                    href='#family'
-                    onClick={() => props.setVisibility({ ...props.visibility, 'family': !props.visibility['family'] })}
-                  >
-                    Family Resources
-                  </a>  
-                </li>
-                <li>
-                  <a
-                    className={props.visibility.knightsPantry ? 'dropdown-item active' : 'dropdown-item'}
-                    id="pantry"
-                    href='#pantry'
-                    onClick={() => props.setVisibility({ ...props.visibility, 'knightsPantry': !props.visibility['knightsPantry'] })}
-                  >
-                    Knight's Pantry
-                  </a>  
-                </li>
-                <li>
-                  <a
-                    className={props.visibility.art ? 'dropdown-item active' : 'dropdown-item'}
-                    id="art"
-                    href='#art'
-                    onClick={() => props.setVisibility({ ...props.visibility, 'art': !props.visibility['art'] })}
-                  >Art
-                  </a>  
-                </li>
-                <li>
-                  <a
-                    className={props.visibility.studentServices ? 'dropdown-item active' : 'dropdown-item'}
-                    id="services"
-                    href='#services'
-                    onClick={() => props.setVisibility({ ...props.visibility, 'studentServices': !props.visibility['studentServices'] })}
-                  >
-                    Student Services
-                  </a>  
-                </li>
-              </ul>
+              <img width={30} src='./img/phone.png' alt="emergency phones"/></a> 
+              
       
           </div>
         </div>
diff --git a/src/components/SearchResults.scss b/src/components/SearchResults.scss
index 57b0132..68a18fb 100644
--- a/src/components/SearchResults.scss
+++ b/src/components/SearchResults.scss
@@ -5,13 +5,14 @@
 .search-control-wrapper {
   background-color: black;
   height: 3.1rem;
-  left: 0;
+  left: 10px;
   padding: .35rem .25rem;
   position: absolute;
-  top: 0;
+  top: 60px;
   width: calc(100% - 1rem);
 
   @include media-breakpoint-up(sm) {
+    top: 0;
     width: 50%;
   }