Fix Dropdown Test Overflow Issue

src/app/app.html

@@ -3,7 +3,7 @@
 <div class="container">
   <h1>AEF Component Test</h1>
 
-  <section id="switch-test">
+  <section id="switch-test" class="test-container">
     <h2>Switch Component</h2>
     <switch [(isActive)]="isToggled" (toggle)="handleToggle($event)"></switch>
     <p>Switch is: {{ isToggled() ? 'ON' : 'OFF' }}</p>
@@ -12,7 +12,7 @@
   <section id="dropdown-test">
     <h2>Dropdown Component</h2>
     <div style="display: flex; flex-direction: column; gap: 40px; align-items: flex-start;">
-      <div>
+      <div class="test-container">
         <h3>Object Options</h3>
         <dropdown
           [options]="dropdownOptions"
@@ -24,7 +24,7 @@
         <p>Selected Value: {{ selectedDropdownValue() }}</p>
       </div>
 
-      <div>
+      <div class="test-container">
         <h3>String Options (Simple)</h3>
         <dropdown
           [options]="['Small', 'Medium', 'Large']"