<div className={grid max-w-xs grid-cols-2 gap-1 px-1 py-0.5 mx-auto my-1 bg-blue-200 rounded-lg dark:bg-white} role="group">

<button type="button" className="px-4 py-1 text-xs font-medium text-white-90 rounded-lg" onClick={handleJournalClick}>
    Journal
</button>
<button type="button" className="px-4 py-1 text-xs font-medium text-white-90 rounded-lg" onClick={handleRolidClick}>
    Rolid
</button>

</div>
aslında burayı etkiliyor diğer şeyler olduğu için orayı eklemedim yanlış yazdım yani burayı etkilemesi lazım