ui fix

src/routes/options-calculator/+page.svelte

@@ -340,7 +340,6 @@
           $${underlyingPrice} 
           (<span>${underlyingPctChange.toFixed(2)}%</span>)
         </div>
-            <br>
         <div class="">
           <span class="text-start font-semibold">Profit or Loss:</span> 
           ${profitLoss < 0 ? "-$" : "$"}${Math.abs(profitLoss).toLocaleString("en-US")} 
@@ -350,6 +349,7 @@
     `;
         },
       },
+
       plotOptions: {
         area: {
           fillOpacity: 0.2,
@@ -621,8 +621,7 @@
             </p>
 
             <div class="mt-4">
-              <!-- Table header -->
-
+              {#if isLoaded && config}
                 <!-- Table container -->
                 <div
                   class="overflow-x-auto border border-gray-300 dark:border-gray-600 rounded"
@@ -675,7 +674,9 @@
                         >
                           Price
                         </th>
-                      <th scope="col" class="px-4 py-1.5 text-sm font-semibold"
+                        <th
+                          scope="col"
+                          class="px-4 py-1.5 text-sm font-semibold"
                         ></th>
                       </tr>
                     </thead>
@@ -910,13 +911,10 @@
                   </table>
                 </div>
 
-              {#if isLoaded}
-                {#if config}
                 <div
                   class="shadow-sm mt-5 border border-gray-300 dark:border-gray-800 rounded"
                   use:highcharts={config}
                 ></div>
-                {/if}
 
                 <div class="mt-5">
                   <h1