diff --git a/package-lock.json b/package-lock.json
index a60005fd..cac5144f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,7 +52,6 @@
         "svelte-progress-bar": "^3.0.2",
         "svelte-range-slider-pips": "^2.3.1",
         "svelte-sonner": "^0.3.27",
-        "svelte-splitpanes": "^8.0.5",
         "svelte-tags-input": "^6.0.0",
         "svelte-tiny-virtual-list": "^2.1.2",
         "tailwind-merge": "^2.4.0",
@@ -4654,15 +4653,8 @@
     "node_modules/esm-env": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-      "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
-    },
-    "node_modules/esm-env-robust": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/esm-env-robust/-/esm-env-robust-0.0.3.tgz",
-      "integrity": "sha512-90Gnuw2DALOqlL1581VxP3GHPUNHX9U+fQ+8FNcTTFClhY5gEggAAnJ3q1b2Oq23knRsjv8YpNeMRPaMLUymOA==",
-      "dependencies": {
-        "esm-env": "^1.0.0"
-      }
+      "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
+      "dev": true
     },
     "node_modules/estree-walker": {
       "version": "2.0.2",
@@ -7591,17 +7583,6 @@
         "svelte": "^3.0.0 || ^4.0.0 || ^5.0.0-next.1"
       }
     },
-    "node_modules/svelte-splitpanes": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/svelte-splitpanes/-/svelte-splitpanes-8.0.5.tgz",
-      "integrity": "sha512-LUdNbuckYtGcBI5Us1ugYlw0fC6wnUEbUTgUY4TVLR/ZCsSrTw9Ftuf7NkM0tTRMCBG3ZmzPDfWuOlmSOXGU/A==",
-      "dependencies": {
-        "esm-env-robust": "0.0.3"
-      },
-      "peerDependencies": {
-        "svelte": "^4.2.18"
-      }
-    },
     "node_modules/svelte-tags-input": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/svelte-tags-input/-/svelte-tags-input-6.0.1.tgz",
diff --git a/package.json b/package.json
index d72deb97..6ba73394 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,6 @@
     "svelte-progress-bar": "^3.0.2",
     "svelte-range-slider-pips": "^2.3.1",
     "svelte-sonner": "^0.3.27",
-    "svelte-splitpanes": "^8.0.5",
     "svelte-tags-input": "^6.0.0",
     "svelte-tiny-virtual-list": "^2.1.2",
     "tailwind-merge": "^2.4.0",
diff --git a/src/lib/components/Searchbar.svelte b/src/lib/components/Searchbar.svelte
index 7b98af88..1a13ed53 100644
--- a/src/lib/components/Searchbar.svelte
+++ b/src/lib/components/Searchbar.svelte
@@ -390,10 +390,12 @@ $: {
 
 
 <!--Start Desktop Searchbar-->
+<!--Don't remove if since input.focus does not work anymore-->
 
+{#if $screenWidth >= 640}
 <input type="checkbox" id="searchBarModal" class="modal-toggle" bind:checked={searchBarModalChecked} />
 
-<dialog id="searchBarModal" class="hidden sm:modal modal-top z-[999]">
+<dialog id="searchBarModal" class="modal modal-top z-[999]">
 
 
   <label for="searchBarModal"  class="cursor-pointer modal-backdrop"></label>
@@ -530,7 +532,7 @@ $: {
   
   </div>
 </dialog>
-
+{:else}
 
 <!--End Desktop Searchbar-->
 
@@ -538,7 +540,7 @@ $: {
 <!--Start Drawer Sidewise for mobile-->
 
 
-<div class="sm:hidden drawer drawer-end z-40 overflow-hidden">
+<div class="drawer drawer-end z-40 overflow-hidden">
   <input id="searchBarModal" type="checkbox" class="drawer-toggle" bind:checked={searchBarModalChecked} />
  
   <div class="drawer-side overflow-hidden">
@@ -665,7 +667,7 @@ $: {
 
   </div>
 </div>
-
+{/if}
 
 <!--End Drawer Sidewise for mobile-->
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e10ef201..849376b0 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -41,7 +41,6 @@
   import MessageCircle from "lucide-svelte/icons/message-circle";
   import AudioLine from "lucide-svelte/icons/audio-lines";
 
-  import { Pane, Splitpanes } from 'svelte-splitpanes';
 
   export let data;
 
@@ -270,8 +269,8 @@ $: {
 
 <div class="flex min-h-screen w-full flex-col bg-[#09090B]">
 
-  <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">
+  <div class="w-full ">
+    <div 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.Trigger asChild let:builder>
@@ -692,10 +691,10 @@ $: {
           {/if}
     
        
-    </Pane>
-    <Pane>
-      <Splitpanes class="w-full" theme="modern-theme">
-        <Pane class="hidden 3xl:inline-block" size={$screenWidth < 1750 ? 0 : 14}  maxSize={14} minSize={0}>
+    </div>
+    <div>
+      <div class="flex w-full">
+        <div class="hidden 3xl:block 3xl:w-1/6">
           <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
@@ -937,26 +936,25 @@ $: {
             {/if}
         
           </aside>
-        </Pane>
-        <Pane class="w-full">
-         
-            <main class="xl:pl-10 w-full overflow-y-auto bg-[#09090B] sm:p-4">
-              <slot />
-          <Toaster class="bg-[#1A1A27] text-white text-medium"/>
-          {#if Cookie && $showCookieConsent === true}
-          <Cookie />
-          {/if}
+        </div>
+        <div class="w-full 3xl:w-5/6">
+          <main class="w-full overflow-y-auto bg-[#09090B] sm:p-4">
+            <slot />
+            <Toaster class="bg-[#1A1A27] text-white text-medium"/>
+            {#if Cookie && $showCookieConsent === true}
+            <Cookie />
+            {/if}
           </main>
+        </div>
 
-        </Pane>
-      </Splitpanes>
-    </Pane>
-    <Pane size={6} minSize={6} maxSize={6}>
+      </div>
+    </div>
+    <div>
       {#if !hideFooter}
       <Footer/>
       {/if}
-    </Pane>
-  </Splitpanes>
+    </div>
+  </div>
 
 </div>
 
@@ -971,70 +969,5 @@ $: {
   }
   
 
-
-  .splitpanes.modern-theme {
-    .splitpanes__pane {
-      background-color: #f8f8f8;
-    }
-    .splitpanes__splitter {
-      background-color: #ccc;
-      position: relative;
-
-      &:before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0;
-        transition: opacity 0.4s;
-        background-color: #2db9d2;
-        opacity: 0;
-        z-index: 1;
-      }
-      &:hover:before {
-        opacity: 1;
-      }
-      &.splitpanes__splitter__active {
-        z-index: 2; /* Fix an issue of overlap fighting with a near hovered splitter */
-      }
-    }
-  }
-  .modern-theme {
-    &.splitpanes--vertical > .splitpanes__splitter:before {
-      left: -3px;
-      right: -3px;
-      height: 100%;
-      cursor: col-resize;
-    }
-    &.splitpanes--horizontal > .splitpanes__splitter:before {
-      top: -3px;
-      bottom: -3px;
-      width: 100%;
-      cursor: row-resize;
-    }
-  }
-
-  .splitpanes.no-splitter {
-    .splitpanes__pane {
-      background-color: #f8f8f8;
-    }
-    .splitpanes__splitter {
-      background-color: #ccc;
-      position: relative;
-    }
-  }
-  .no-splitter {
-    &.splitpanes--horizontal > .splitpanes__splitter:before {
-      width: 0.125rem;
-      pointer-events: none;
-      cursor: none;
-    }
-    &.splitpanes--vertical > .splitpanes__splitter:before {
-      height: 0.125rem;
-      pointer-events: none;
-      cursor: none;
-    }
-  }
-
-
 </style>