diff --git a/frontend/src/components/cards/miniCard.css b/frontend/src/components/cards/miniCard.css
index 62a4a593..d8eadb5b 100644
--- a/frontend/src/components/cards/miniCard.css
+++ b/frontend/src/components/cards/miniCard.css
@@ -9,7 +9,7 @@
 }
 
 .MiniCardImageContainer:hover {
-    border-color: var(--global--active--highlighting-color);
+    border-color: #ae56ff;
 }
 
 .MiniCardImageContainer img {
diff --git a/frontend/src/components/mydashboard/SlideshowComponent.js b/frontend/src/components/mydashboard/SlideshowComponent.js
index 6d0d3bbc..94ceb4b9 100644
--- a/frontend/src/components/mydashboard/SlideshowComponent.js
+++ b/frontend/src/components/mydashboard/SlideshowComponent.js
@@ -14,6 +14,7 @@ export default class SlideshowComponent extends Component {
             images: [Dashboard1, IndustrialImage, PowerGeneration, PowerTransmission]
         };
     }
+    
     getData() {
         const img = this.state.images.map((m) => <img src={m} alt='' />);
     }