small adjustments

src/App.js

@@ -8,7 +8,7 @@ function App() {
     return false;
   };
   return (
-    <div className='bg-gray-100 grid grid-cols-6 grid-rows-1 gap-4 h-screen'>
+    <div className='bg-gray-200 grid grid-cols-6 grid-rows-1 gap-4 h-screen'>
       <Menu />
       <Editor />
     </div>

src/features/editor/Timbre.js

@@ -13,7 +13,7 @@ import { selectById } from './timbreSlice.js';
 export default function Timbre(props) {
   const ids = useSelector((state) => selectById(state, props.id));
   return (
-    <div className='h-screen grid grid-cols-8 grid-rows-3 gap-4 p-6'>
+    <div className='h-screen grid grid-cols-8 grid-rows-3 gap-4 p-6 pr-10'>
       <VCO
         className='col-span-2'
         name='VCO 1'

src/features/editor/card.js

@@ -3,7 +3,7 @@ export default function Card(props = { className: 'col-span-2' }) {
     <div
       className={
         props.className +
-        ' flex flex-col justify-start border border-gray-200 rounded-md shadow-md bg-white'
+        ' flex flex-col justify-start border border-gray-300 rounded-md shadow-md bg-white'
       }>
       <header className='flex items-start justify-between py-2 px-4 border-b border-solid border-gray-200'>
         <h3 className='pointer-events-none text-xl font-semibold text-gray-900'>

src/features/editor/index.js

@@ -7,7 +7,7 @@ import { useSelector } from 'react-redux';
 export default function Editor() {
   const activeTab = useSelector((state) => state.parameters.activeTab);
   return (
-    <div className='col-span-5 overflow-y-scroll overscroll-contain'>
+    <div className='col-span-5 overflow-y-auto overscroll-contain'>
       {activeTab === 'Timbre1' ? <Timbre id='timbre1' /> : null}
       {activeTab === 'Timbre2' ? <Timbre id='timbre2' /> : null}
       {activeTab === 'Vocoder' ? <Vocoder id='vocoder' /> : null}

src/features/menu/index.js

@@ -30,7 +30,7 @@ export default function Menu() {
   }, [file, dispatch]);
 
   return (
-    <div className='col-span-1 flex flex-col justify-around border-solid border-r border-black bg-white px-4'>
+    <div className='col-span-1 flex flex-col justify-around border-solid border-r border-gray-300 bg-white px-4'>
       <div className='menu-patch-container'>
         <div className='patch-name'>
           <input