diff --git a/src/components/LoadTable.tsx b/src/components/LoadTable.tsx
index 223d777..a82fa23 100644
--- a/src/components/LoadTable.tsx
+++ b/src/components/LoadTable.tsx
@@ -1,5 +1,10 @@
 import React from 'react';
 
 export default function LoadTable() {
-  return <p>🗂️ Load table will appear here – add data‑fetching logic later.</p>;
-}
+  return (
+    <div className="p-6 border rounded-md shadow-sm">
+      <h2 className="text-lg font-semibold mb-4">Freight Loads</h2>
+      <p className="text-gray-600">Data will load from Supabase</p>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index e69de29..bd6213e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index bcaa4a0..b3c11a7 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
+import App from './App';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(