Flutter UI issue...A RenderFlex overflowed by 12 pixels on the right

Question

I am developing a UI for my application using Flutter, and I finished it five days ago. Later, I started working on another application's UI. Now, when I suddenly opened my previous application, I encountered this error: "A RenderFlex overflowed by 12 pixels on the right." Simultaneously, the Tab Bar I used in my application is fine to the left. However, today, when I opened it again, the Tab Bar shifted somewhat to the right, making my application look untidy. Another issue is that initially, when I was working, I used default icon colors, but now the colors of the icons have completely changed to black, making my application appear messy. Can anyone please help me resolve these problems?

I tried several alignments and paddings but nothing worked. Still my Tab bar is at same position