app/src/components/pilots/Pilots.tsx

@@ -4,7 +4,6 @@ import {
   Button,
   Card,
   PlusIcon,
-  DatePicker,
   Typography
 } from '@noahspan/noahspan-components';
 
@@ -13,11 +12,9 @@ const Pilots: React.FC<unknown> = () => {
   const onOpenCloseDrawer = () => {
     setIsDrawerOpen(!isDrawerOpen);
   };
-  const [date, setDate] = useState();
 
   return (
-    <Card className="mt-6">
-      <div className="px-6">
+    <Card className="mt-6 px-6">
       <Typography variant="h3">Pilots</Typography>
       <Button
         className="flex items-center gap-3"
@@ -33,7 +30,6 @@ const Pilots: React.FC<unknown> = () => {
         isDrawerOpen={isDrawerOpen}
         onOpenCloseDrawer={onOpenCloseDrawer}
       />
-      </div>
     </Card>
   );
 };

app/src/index.css

@@ -3,6 +3,9 @@
 @tailwind utilities;
 
 @layer base {
+  body {
+    @apply bg-black;
+  }
   h1 {
     @apply text-2xl font-bold leading-7 text-gray-900;
   }