.tag-list {
	border: 0px solid #ddd;
	border-radius: 4px;
	padding: 5px 10px;
	margin-bottom: 15px;
	display: block;	/* Change to block for full width */
}

.tag-list h5 {
	font-weight: bold;
	margin-bottom: 5px;
}

.tag-list ul li {
	/*margin-top: 10px; */
	margin-bottom: 10px; /* Add margin-bottom for spacing */
} 

.tag-list .badge {
	font-size: 0.9rem;
	margin-right: 5px;
	cursor: pointer;
	color: #fff; /* White text color */
	background-color: teal; /* Set background color to teal */
	padding: 5px 10px; /* Padding for spacing */
	border-radius: 4px; /* Consistent rounded corners */
	transition: background-color 0.2s ease-in-out; /* Smooth hover effect */
}

/* New rule with higher specificity */
.tag-list .badge {
  background-color: teal;
}

.tag-list .badge:hover {
  background-color: indigo; /* Indigo on hover */
}