Code Name Jessica

Thanks @Jim M,
You gave me a hint to where it could be, I remember when I first installed v5, I wanted to have gradient top 1px bar above each of the boxes, when doing so, I was debugging with an overflow: hidden; in the css.
/* Pseudo-element for the top gradient border */ .ipsWidget:not(.ipsWidget--transparent)::before { content: ''; position: absolute; top: 0; left: 0; height: 1px; /* Adjust thickness here if needed */ width: 100%; background: linear-gradient(to right, hsl(22, 100%, 40%), hsl(215, 18%, 26%), hsl(22, 100%, 40%) ); border-top-left-radius: inherit; /* Inherit the same border-radius */ border-top-right-radius: inherit; /* Inherit the same border-radius */ z-index: 1; /* Ensures it stays on top of other elements */ } .ipsBox, .ipsEntry, .ipsLayout__primary-column > .ipsForm[action$="do=edit"] > .ipsForm, .ipsWizard:not(.ipsBox *) { position: relative; background-color: var(--i-box--ba-co); border-radius: var(--i-box--bo-ra); box-shadow: var(--i-box--bo-sh); border-width: var(--i-box--bo-wi); border-style: var(--i-box--bo-st); border-color: var(--i-box--bo-co); /* THIS WAS THE PROBLEM -> overflow: hidden; */ } /* Pseudo-element for top gradient border */ .ipsBox::before, .ipsEntry::before, .ipsLayout__primary-column > .ipsForm[action$="do=edit"] > .ipsForm::before, .ipsWizard:not(.ipsBox *)::before { content: ''; position: absolute; top: 0; left: 0; height: 1px; /* Adjust thickness here */ width: 100%; background: linear-gradient(to right, hsl(22, 100%, 40%), hsl(215, 18%, 26%), hsl(22, 100%, 40%) ); border-top-left-radius: inherit; /* Inherit the same border-radius */ border-top-right-radius: inherit; /* Inherit the same border-radius */ z-index: 1; /* Ensures it stays on top of other elements */ } /* Pseudo-element for the top gradient border */By commenting the: overflow: hidden; in the .ipsBox, .ipsEntry, .ipsLayout__primary-column > .ipsForm[action$="do=edit"] > .ipsForm, .ipsWizard:not(.ipsBox *) selectors, this resolved the problem. my mistake for calling in the calvary.