adjust height of list container

Author: sar-mko

src/views/Home.jsx

@@ -7,7 +7,6 @@ import { useVoiceToText } from '../utils';
 import DeleteIcon from '@mui/icons-material/Delete';
 import KeyboardVoiceIcon from '@mui/icons-material/KeyboardVoice';
 import RemoveCircleIcon from '@mui/icons-material/RemoveCircle'; //remove shopping list that are being shared with
-import BasicModal from './Modal';
 
 export function Home({ data, setListPath, setAllLists }) {
 	const [listName, setListName] = useState('');

src/views/List.jsx

@@ -110,7 +110,7 @@ export function List({ data, userId, path }) {
 				</button>
 				{filterVal && <button>Clear</button>}
 			</form>
-			<div className="flex flex-col h-[80vh] my-8 p-8 rounded-3xl shadow-xl overflow-hidden mx-auto  bg-neutral">
+			<div className="flex flex-col h-[60vh] my-8 p-8 rounded-3xl shadow-xl overflow-hidden mx-auto  bg-neutral">
 				<ul className="space-y-2 font-archivo flex-grow overflow-y-auto space-y-4 ">
 					{filteredObject &&
 						Object.entries(filteredObject).map(([timeBucket, list]) => (