From 953d8434c3bb8af2bd4cfbbec9d9b2c8db8d76da Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Wed, 3 Jan 2024 00:19:19 -0800
Subject: [PATCH] Folders: Style: auto-size

---
 .../chat/components/applayout/folder/ChatFolderList.tsx    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/apps/chat/components/applayout/folder/ChatFolderList.tsx b/src/apps/chat/components/applayout/folder/ChatFolderList.tsx
index 6c1ec9df4..cd38554ce 100644
--- a/src/apps/chat/components/applayout/folder/ChatFolderList.tsx
+++ b/src/apps/chat/components/applayout/folder/ChatFolderList.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import Sheet, { sheetClasses } from '@mui/joy/Sheet';
+import Sheet from '@mui/joy/Sheet';
 import Typography from '@mui/joy/Typography';
 import { List, ListItem, ListItemButton, ListItemContent, ListItemDecorator } from '@mui/joy';
 import OutlineFolderIcon from '@mui/icons-material/Folder';
@@ -32,7 +32,7 @@ export function ChatFolderList({
     }));
 
   // handlers
-  
+
   const onDragEnd = (result: DropResult) => {
     if (!result.destination) return;
     moveFolder(result.source.index, result.destination.index);
@@ -40,9 +40,8 @@ export function ChatFolderList({
 
 
   return (
-    <Sheet variant="soft" sx={{ width: 343, p: 2, borderRadius: 'sm' }}>
+    <Sheet variant="soft" color='primary' sx={{ p: 2 }}>
       <List
-        aria-labelledby="ios-example-demo"
         sx={(theme) => ({
           '& ul': {
             '--List-gap': '0px',