diff --git a/src/components/map/map.vue b/src/components/map/map.vue
index fa86d420..e0691a94 100644
--- a/src/components/map/map.vue
+++ b/src/components/map/map.vue
@@ -29,6 +29,9 @@
           <el-menu-item index="Residence" :class="[isDisplayed('Residence') ? 'active' : 'notactive']"
             ><span class="res swatch"></span>Residence</el-menu-item
           >
+          <el-menu-item index="Solar" :class="[isDisplayed('Solar') ? 'active' : 'notactive']"
+            ><span class="sol swatch"></span>Solar</el-menu-item
+          >
         </el-menu-item-group>
         <el-menu-item-group v-if="grouping === 'Energy Trend'">
           <span slot="title" class="sideMenuGroupTitle">Key</span>
@@ -142,6 +145,7 @@ export default {
         'Dining',
         'Academics',
         'Events & Admin',
+        'Solar',
         'Stable Trend',
         'Up Trend',
         'Down Trend'
@@ -188,6 +192,9 @@ export default {
             case 'Dining':
               color = '#4A773C'
               break
+            case 'Solar':
+              color = '#4169E1'
+              break
             default:
               break
           }
@@ -399,6 +406,9 @@ export default {
                   case 'Dining':
                     color = '#4A773C'
                     break
+                  case 'Solar':
+                    color = '#4169E1'
+                    break
                   default:
                     break
                 }
@@ -617,6 +627,10 @@ $sideMenu-width: 250px;
   background-color: #7a6855b3;
   border-color: #7a6855;
 }
+.active .sol.swatch {
+  background-color: #4169e1;
+  border-color: #00008b;
+}
 .label {
   color: #000;
   font-size: 1em;