.tight-dropdown-menu {
    width: auto; /* Adjust dropdown width to content */
    min-width: auto; /* Prevent Bootstrap's default minimum width */
    padding: 0; /* Remove excess padding around the dropdown */
}

.tight-dropdown-menu li {
    width: auto; /* List items adjust to content */
    display: block; /* Ensure list items stack vertically */
}

.tight-dropdown-menu li .dropdown-item {
    display: flex; /* Flex layout for item alignment */
    align-items: center; /* Vertically center the icons */
    justify-content: left; /* Horizontally center the content */
    padding: 0.5rem 1rem; /* Use Bootstrap's default padding for text dropdowns */
    width: auto; /* Match width to fit icons naturally */
    text-align: center; /* Center-align content if necessary */
    box-sizing: border-box; /* Ensure padding doesn't affect dimensions */
}