bye bye hover effect 😭

src/assets/stylesheets/browse.scss

@@ -88,10 +88,6 @@ $white: #fff;
   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
 }
 
-.browse-cable:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
 .browse-cable-image {
   width: auto;
   height: 75%;

src/assets/stylesheets/cabledetail.scss

@@ -110,13 +110,6 @@ $white: #fff;
   overflow: visible;
 }
 
-.cable-actions-button:hover,
-.cable-main:hover,
-.cable-actions-back:hover,
-.cable-tables-div:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
 .cable-actions-back {
   width: auto;
   background: linear-gradient(
@@ -350,7 +343,3 @@ th:first-child {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   transition: all 0.3s ease-in-out;
 }
-
-.modal-close:hover {
-  background-color: $hover-blue;
-}

src/assets/stylesheets/map.scss

@@ -135,10 +135,6 @@ $white: #fff;
   cursor: pointer;
 }
 
-.map-box-circle:hover, .map-box:hover, .map-details:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
 .map-box-spacer {
   background-color: transparent;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0);
@@ -264,10 +260,6 @@ $white: #fff;
   text-decoration: none;
 }
 
-.map-cable-moreinfo:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
 .map-cable-moreinfo span {
   width: auto;
   height: auto;

src/assets/stylesheets/navbar.scss

@@ -53,10 +53,6 @@ $white: #fff;
   transition: all 0.3s ease-in-out;
 }
 
-.navbar-top h1:hover {
-  color: $light-blue;
-}
-
 .navbar-list {
   margin-top: 10px;
   width: 100%;
@@ -81,10 +77,6 @@ $white: #fff;
   cursor: pointer;
 }
 
-.navbar-list-item:hover {
-  background-color: $hover-blue;
-}
-
 .navbar-list-item span {
   background-color: transparent;
   width: auto;

src/assets/stylesheets/statistics.scss

@@ -100,11 +100,6 @@ $white: #fff;
   overflow: visible;
 }
 
-.statistics-grid-container:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
-
 .statistics-iframe {
   width: 95%; /* Ensure iframes take up full width of their grid cell */
   height: 95%; /* Adjust the height of iframes */

src/assets/stylesheets/summary.scss

@@ -100,11 +100,6 @@ $white: #fff;
   overflow: visible;
 }
 
-.summary-grid-container:hover {
-  transform: translate3d(-5px, -5px, 0);
-}
-
-
 .summary-iframe {
   width: 95%; /* Ensure iframes take up full width of their grid cell */
   height: 95%; /* Adjust the height of iframes */

src/components/CableDetailComponent.js

@@ -387,7 +387,7 @@ export default class CableDetailComponent extends Component {
               onClick={() => this.openModal("modalOpen_dispense")}
             >
               <span>➤ Dispense</span>
-              <span>🫴</span>
+              <span>🔽</span>
             </div>
             <Modal
               isOpen={modalOpen_dispense}
@@ -397,7 +397,7 @@ export default class CableDetailComponent extends Component {
             >
               <div className="modal-container">
                 <div className="modal-title">
-                  <span>🫴</span>
+                  <span>🔽</span>
                   <span>Dispensing Item</span>
                 </div>
                 <div className="modal-body">