HTML CSS Collapsible Table Fix

I'm facing a minor issue with my HTML/CSS index page. I have a main table with a collapsible button that reveals a mini table. The problem is that the mini table's columns are only aligning under the first column of the main table. Both tables have the same number of columns.

I can provide you with my code. I need someone to fix this alignment issue.

Ideal Skills:
- Proficiency in HTML/CSS
- Familiarity with table structures in HTML
- Experience with debugging HTML/CSS code