show scroll bars when needed

Author: m-abdelwahab

src/components/command-palette.tsx

@@ -170,7 +170,7 @@ export const CommandPalette = () => {
  }),
  ]}
  editable={false}
- className="prose-sm rounded-md editor border-gray-subtle border overflow-scroll max-h-96"
+ className="prose-sm rounded-md editor border-gray-subtle border overflow-auto max-h-96"
  value={response}
  />
  <div className="flex justify-end space-x-2">

src/components/results.tsx

@@ -42,7 +42,7 @@ export const Results = () => {
  return (
  <>
  {queryResult ? (
- <div className="mx-3 inline-block  py-2 align-middle">
+ <div className="mx-3 inline-block py-2 align-middle overflow-auto">
  <div className="flex flex-1 flex-col items-center justify-center space-y-3">
  <Table>
  <TableHeader>