bugfixing layout of stocks

src/lib/components/NextEarnings.svelte

@@ -97,9 +97,9 @@
 {/if}
 
 {#if data?.getNextEarnings?.past?.length !== 0}
-  <div class="space-y-3 overflow-hidden mt-5">
+  <div class="space-y-3 overflow-hidden mt-5 w-full">
     <!--Start Content-->
-    <div class="w-auto lg:w-full p-1 flex flex-col m-auto">
+    <div class="w-full p-1 flex flex-col">
       <div class="flex flex-col items-center w-full mb-3">
         <div class="flex flex-row justify-start mr-auto items-center">
           <!--<img class="h-10 inline-block mr-2" src={copilotIcon} />-->

src/routes/stocks/[tickerID]/+layout.svelte

@@ -573,7 +573,7 @@
             </div>
             <!--End Mobile Navbar-->
 
-            <div class="pt-14 sm:pt-0 w-full px-3 sm:px-0">
+            <div class="pt-14 sm:pt-0 w-full px-3 sm:px-0 lg:pr-3">
               <div
                 class="md:flex md:justify-between md:divide-x md:divide-slate-800"
               >
@@ -709,7 +709,7 @@
                         <!--End Price Alert -->
 
                         <div
-                          class="hidden sm:flex items-end justify-end absolute right-0 top-12 {$scoreComponent ===
+                          class="hidden sm:flex items-end justify-end absolute right-1.5 top-12 {$scoreComponent ===
                           false
                             ? 'invisible'
                             : ''}"

src/routes/stocks/[tickerID]/+page.svelte

@@ -1376,7 +1376,7 @@
               <div class="lg:sticky lg:top-20"></div>
             </div>
 
-            <div class="w-full">
+            <div class="lg:w-[65%] 2xl:w-[70%]">
               <div
                 class="w-full mt-10 sm:mt-0 m-auto sm:pl-6 sm:pb-6 {Object?.keys(
                   data?.getEarningsSurprise || {},