stopped horiontal scrollbar appearing on upcoming tasks

Author: TobbleCobble

client/src/components/ui/focus/taskDisplay.tsx

@@ -21,7 +21,7 @@ export default function TaskDisplay({
   time: Time;
 }) {
   return (
-    <div className="px-auto m-3 flex w-80 flex-auto flex-col rounded-3xl bg-indigo-400 p-4 shadow-md shadow-black/40">
+    <div className="px-auto m-3 flex flex-auto flex-col rounded-3xl bg-indigo-400 p-4 shadow-md shadow-black/40">
       <div className="flex flex-auto flex-row gap-4 px-3">
         <div>{task.name}:</div>
         <div>

client/src/components/ui/focus/upcomingTasks.tsx

@@ -57,7 +57,7 @@ export default function UpcomingTasks({ tasks, times }: Tasks) {
 
   return (
     <div className="rounded-2xl bg-slate-900 p-2 py-3 shadow-xl shadow-black/40">
-      <div className="w-100 scrollbar h-[285px] overflow-y-auto">
+      <div className="scrollbar h-[285px] w-96 overflow-y-auto overflow-x-hidden">
         {upcomingTimes.map((time: Time) => (
           <TaskDisplay
             task={tasks.filter((task) => task.id === time.task)[0]}