.custom-select-wrapper { position: relative; display: inline-block; } .custom-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 10px 30px; background-color: white; border: 1px solid #ccc; font-size: 16px; cursor: pointer; width: 100%; border-radius: 30px; } .custom-select-wrapper::after { content: '▼'; /* Chevron icon */ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 16px; /* Adjust as needed */ color: #000; /* Adjust color as needed */ }