diff --git a/public/css/index.css b/public/css/index.css
index fe49dc2..766f78d 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -99,10 +99,10 @@ body {
 
 	opacity: 0.5;
 	transition: opacity 0.3s ease;
-}
 
-.open-source-logo:hover {
-	opacity: 1 !important;
+	&:hover {
+		opacity: 1 !important;
+	}
 }
 
 .hidden {
@@ -351,10 +351,10 @@ ul {
 	border: 1px solid var(--border-color);
 
 	transition: background-color 0.3s ease;
-}
 
-.activity:hover {
-	background: var(--card-hover-bg);
+	&:hover {
+		background: var(--card-hover-bg);
+	}
 }
 
 .activity-wrapper {
@@ -517,17 +517,17 @@ ul {
 	text-decoration: none;
 	transition: background-color 0.2s ease;
 	display: inline-block;
-}
 
-.activity-button:hover {
-	background-color: var(--button-hover-bg);
-	text-decoration: none;
-}
+	&:hover {
+		background-color: var(--button-hover-bg);
+		text-decoration: none;
+	}
 
-.activity-button:disabled {
-	background-color: var(--button-disabled-bg);
-	cursor: not-allowed;
-	opacity: 0.8;
+	&:disabled {
+		background-color: var(--button-disabled-bg);
+		cursor: not-allowed;
+		opacity: 0.8;
+	}
 }
 
 @media (max-width: 600px) {