diff --git a/client/Data.ts b/client/Data.ts
index e9c9337..6f93135 100644
--- a/client/Data.ts
+++ b/client/Data.ts
@@ -21,6 +21,7 @@ const _data_cached = JSON.parse(_dec)
 declare global {
     interface Window {
         data: {
+            split_sizes: number[];
             apply(): void
             access_token?: string
         }
diff --git a/client/ui/App.tsx b/client/ui/App.tsx
index 8c5ff9d..ba9943d 100644
--- a/client/ui/App.tsx
+++ b/client/ui/App.tsx
@@ -88,10 +88,14 @@ export default function App() {
 
     React.useEffect(() => {
         ; (async () => {
-            Split(['#SideBar', '#ChatFragment'], {
-                sizes: [25, 75],
+            const split = Split(['#SideBar', '#ChatFragment'], {
+                sizes: data.split_sizes ? data.split_sizes : [25, 75],
                 minSize: [200, 400],
                 gutterSize: 2,
+                onDragEnd: function () {
+                    data.split_sizes = split.getSizes()
+                    data.apply()
+                }
             })
 
             Client.connect()