diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8ef3e1fc..ca97ad1b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -270,18 +270,18 @@ $: {
 
 <div class="flex min-h-screen w-full flex-col bg-[#09090B]">
 
-  <Splitpanes class="w-full " style="z-index: 1" theme="no-splitter" horizontal dblClickSplitter={false}>
+  <Splitpanes class="w-full " theme="no-splitter" horizontal dblClickSplitter={false}>
     <Pane size={6} minSize={10} maxSize={6} class="w-full navbar sticky {$screenWidth < 640 && hideHeader ? 'invisible -mt-20' : ''} top-0 z-40 bg-[#09090B] border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6">
         
-          <Sheet.Root>
+          <Sheet.Root >
             <Sheet.Trigger asChild let:builder>
               <Button builders={[builder]} size="icon" class="sm:xl bg-[#09090B] text-white sm:hover:bg-[#27272A] border-none">
                 <Menu class=" h-5.5 w-5.5 sm:w-7 sm:h-7" />
                 <span class="sr-only">Toggle Menu</span>
               </Button>
             </Sheet.Trigger>
-            <Sheet.Content side="left" class="sm:max-w-xs bg-[#141417] overflow-y-scroll">
-              <nav class="grid gap-6 text-lg font-medium bg-[#141417]">
+            <Sheet.Content side="left" class="max-w-screen w-full sm:max-w-xs bg-[#141417] overflow-y-scroll">
+              <nav class=" grid gap-6 text-lg font-medium bg-[#141417]">
                 <a
                 href="/"
                 class="flex items-center gap-4 px-0.5 text-white"
@@ -692,9 +692,8 @@ $: {
     </Pane>
     <Pane>
       <Splitpanes class="w-full" theme="modern-theme">
-        {#if $screenWidth >= 1736}
-        <Pane size={14} minSize={0}>
-          <aside class="fixed overflow-y-scroll scroller overflow-hidden inset-y-0 left-0 z-50 hidden 3xl:flex w-72 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#141417]">
+        <Pane class="hidden 3xl:inline-block" size={$screenWidth < 1750 ? 0 : 14}  maxSize={14} minSize={0}>
+          <aside class="fixed overflow-y-scroll scroller overflow-hidden inset-y-0 left-0 z-50 3xl:flex w-72 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#141417]">
             <nav class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full">
               <a
                 href="/"
@@ -936,7 +935,6 @@ $: {
         
           </aside>
         </Pane>
-        {/if}
         <Pane class="w-full">
          
             <main class="xl:pl-10 w-full overflow-y-auto bg-[#09090B] sm:p-4">
diff --git a/src/routes/crypto/[tickerID]/+layout.svelte b/src/routes/crypto/[tickerID]/+layout.svelte
index ce27a2f8..f53f125d 100644
--- a/src/routes/crypto/[tickerID]/+layout.svelte
+++ b/src/routes/crypto/[tickerID]/+layout.svelte
@@ -452,9 +452,9 @@ $: {
 
 </script>
 
-<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-6xl xl:max-w-screen-2xl overflow-hidden">    
+<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden">    
   <!-- Page wrapper -->
-  <div class="flex flex-col">
+  <div class="flex flex-col w-full">
       <main class="grow w-full">
           <section class="w-full">
               <div class="w-full">
@@ -542,13 +542,14 @@ $: {
           <!--End Mobile Navbar-->
          
       
-          <div class="w-full max-w-3xl sm:max-w-6xl px-3">     
+          <div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">     
                     
             <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
                 <!-- Main content -->
-                <div class="pb-12 md:pb-20 w-full lg:max-w-2xl xl:max-w-3xl 2xl:max-w-5xl">
+                <div class="pb-12 md:pb-20 w-full 2xl:max-w-5xl">
                     <div class="md:pr-6 lg:pr-10">
                                  
+                                 
                 
                                     <!-----Start-Header-CandleChart-Indicators------>
       
diff --git a/src/routes/etf/[tickerID]/+layout.svelte b/src/routes/etf/[tickerID]/+layout.svelte
index 37915abf..bcbab423 100644
--- a/src/routes/etf/[tickerID]/+layout.svelte
+++ b/src/routes/etf/[tickerID]/+layout.svelte
@@ -479,9 +479,9 @@ $: {
   
       
 
-<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-6xl xl:max-w-screen-2xl overflow-hidden">    
+<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden">    
   <!-- Page wrapper -->
-  <div class="flex flex-col">
+  <div class="flex flex-col w-full">
       <main class="grow w-full">
           <section class="w-full">
               <div class="w-full">
@@ -568,11 +568,11 @@ $: {
             <!--End Mobile Navbar-->
            
         
-            <div class="w-full max-w-3xl sm:max-w-6xl px-3">     
+            <div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">     
                     
               <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
                   <!-- Main content -->
-                  <div class="pb-12 md:pb-20 w-full lg:max-w-2xl xl:max-w-3xl 2xl:max-w-5xl">
+                  <div class="pb-12 md:pb-20 w-full 2xl:max-w-5xl">
                       <div class="md:pr-6 lg:pr-10">
                                    
                                    
diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index 7c853a4e..d27d343c 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -487,7 +487,7 @@ $: isScrolled = y > 0;
           <!--End Mobile Navbar-->
          
       
-          <div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-5">     
+          <div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">     
                     
                         <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
                             <!-- Main content -->
