Resize sidebar config to match designs (#1273)

closes
RaspberryPiFoundation/digital-editor-issues#984

Author: jamiebenstead

CHANGELOG.md

@@ -17,6 +17,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Updated Design System react to v2.6.2 (#1261)
 - Changed SidebarPanel to accept an array of buttons (#1270)
 - Changed SidebarPanel to use an array of buttons as elements (#1271)
+- Changed default-width and min-width on SidebarPanel (#1273)
 
 ### Fixed
 

src/components/Menus/Sidebar/SidebarPanel.jsx

@@ -12,7 +12,7 @@ const SidebarPanel = (props) => {
     Footer,
     className,
     buttons = [],
-    defaultWidth = "225px",
+    defaultWidth = "320px",
   } = props;
   const isMobile = useMediaQuery({ query: MOBILE_MEDIA_QUERY });
 
@@ -51,7 +51,7 @@ const SidebarPanel = (props) => {
       defaultWidth={defaultWidth}
       defaultHeight="100%"
       handleDirection="right"
-      minWidth="180px"
+      minWidth="280px"
       maxWidth="600px"
     >
       {panelContent}