Add some space to mat-tab-body

src/app/participant-content-carousel-page/participant-content-carousel-page.component.html

@@ -8,10 +8,14 @@
       </mat-tab>
       -->
       <mat-tab label="Text">
-        <app-participant-text-content></app-participant-text-content>
+        <div class="tab-container">
+          <app-participant-text-content></app-participant-text-content>
+        </div>
       </mat-tab>
       <mat-tab label="Choice">
-        <app-participant-choice-content></app-participant-choice-content>
+        <div class="tab-container">
+          <app-participant-choice-content></app-participant-choice-content>
+        </div>
       </mat-tab>
     </mat-tab-group>
   </div>

src/app/participant-content-carousel-page/participant-content-carousel-page.component.scss

@@ -3,6 +3,6 @@ mat-tab-group {
   max-width: 800px;
 }
 
-mat-tab-body {
+.tab-container {
   padding: 20px;
 }