Terms and conditions all of a sudden not in a scrolling window?

So i have a terms and conditions text box on my form and have the following card to make it a scrolling window:

'#termsx {

    overflow-y : scroll;

    height : 150px;

    width : 97%;

    border : 1px solid #DDD;

    padding : 10px;

}'

It has been working fine then all of a sudden yesterday when viewing the form i noticed it is no longer scrolling and is just a regular text box.

What has happened and how do i fix this?

It seems that the ID used in the code is different than the field's ID. Please replace the ID termsx with text_125 so that the terms should be displaying with scrolling.

The CSS code should be as shown below:

#text_125 {

    overflow-y : scroll;

    height : 150px;

    width : 97%;

    border : 1px solid #DDD;

    padding : 10px;

}

Hope this information helps! 

Thanks so much i really appreciate it :-)