JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dn-default-sql-prefix-container">
    <div class="dn-default-sql-prefix">SELECT TOP 1</div>
	<textarea 
		class="dn-default-sql-prefix" 
		rows="10"
		cols="65" >
	</textarea>
</div>

CSS

.dn-default-sql-prefix-container{
    border: 1px solid;
}
.dn-default-sql-prefix{
    width: 100%;
    border: none;
}

textarea{
   margin: 0px;
   padding: 0px;
}