Whitespace-pre-wrap Create Blank Spaces Around Text On Infolist TextEntry Component

Infolists\Components\TextEntry::make('synopsis') ->label('Sinopsis') ->placeholder('-') ->columnSpanFull() ->extraAttributes(['class' => 'whitespace-pre-wrap']) I found that adding the whitespace-pre-wrap class to the extraAttributes in the TextEntry component creates wide spaces around the text. I noticed that when the page is loaded, the text inside the <div> tag already has a lot of whitespace. For example, the string 'ABC' from the database becomes <div ...>". ABC "</div> with a lot of empty spaces. I'm not sure where it's coming from. Has anyone experienced this issue? Please help.