 <p>You can use the layout and code below to achieve the desired effect. <a href="https://gist.github.com/trivalent/00526294fa38072a6034f5dc5910824a" rel="nofollow">Source code gist</a></p> <p>What I have used is get the width of the text + the time layout and check if this exceeds the container layout width, and adjust the height of the container accordingly. We have to extend from FrameLayout since this is the one which allows overlapping of two child views. </p> <p>This is tested to be working on English locale. Suggestions and improvements are always welcome :)</p> <p>Hope I've helped someone looking for the same solution.</p>