diff --git a/web/src/App.tsx b/web/src/App.tsx
index 785d106..bf951a3 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -1,19 +1,19 @@
 import { useMemo, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Building2, Gavel, MapPin } from "lucide-react";
-import { api } from "@/api/client";
+import { api } from "./api/client";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Skeleton } from "@/components/ui/skeleton";
-import { SearchBar, SearchQuery } from "@/components/SearchBar";
-import { DealsTable } from "@/components/DealsTable";
-import { AppraisalsTable } from "@/components/AppraisalsTable";
+} from "./components/ui/card";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
+import { Skeleton } from "./components/ui/skeleton";
+import { SearchBar, SearchQuery } from "./components/SearchBar";
+import { DealsTable } from "./components/DealsTable";
+import { AppraisalsTable } from "./components/AppraisalsTable";
 
 function useAddressInfo(address: string | undefined) {
   return useQuery({
diff --git a/web/src/components/AppraisalsTable.tsx b/web/src/components/AppraisalsTable.tsx
index 2a81252..db0b987 100644
--- a/web/src/components/AppraisalsTable.tsx
+++ b/web/src/components/AppraisalsTable.tsx
@@ -1,8 +1,8 @@
 import { Download, FileText } from "lucide-react";
-import { AppraisalDecision } from "@/api/types";
-import { Button } from "@/components/ui/button";
-import { api } from "@/api/client";
-import { formatDate } from "@/lib/utils";
+import { AppraisalDecision } from "../api/types";
+import { Button } from "./ui/button";
+import { api } from "../api/client";
+import { formatDate } from "../lib/utils";
 
 interface Props {
   decisions: AppraisalDecision[];
diff --git a/web/src/components/DealsTable.tsx b/web/src/components/DealsTable.tsx
index 4eb6b07..def7d86 100644
--- a/web/src/components/DealsTable.tsx
+++ b/web/src/components/DealsTable.tsx
@@ -1,5 +1,5 @@
-import { Deal } from "@/api/types";
-import { formatCurrencyILS, formatDate, formatNumber } from "@/lib/utils";
+import { Deal } from "../api/types";
+import { formatCurrencyILS, formatDate, formatNumber } from "../lib/utils";
 
 interface Props {
   deals: Deal[];
diff --git a/web/src/components/SearchBar.tsx b/web/src/components/SearchBar.tsx
index 8ff9112..c4f9b7b 100644
--- a/web/src/components/SearchBar.tsx
+++ b/web/src/components/SearchBar.tsx
@@ -1,8 +1,8 @@
 import { useState } from "react";
 import { Search } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+import { Label } from "./ui/label";
 
 export type SearchMode = "address" | "block_plot" | "appraiser";
 
diff --git a/web/src/components/ui/button.tsx b/web/src/components/ui/button.tsx
index e264ca4..934c9e1 100644
--- a/web/src/components/ui/button.tsx
+++ b/web/src/components/ui/button.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
diff --git a/web/src/components/ui/card.tsx b/web/src/components/ui/card.tsx
index b8942e9..4ad3ed8 100644
--- a/web/src/components/ui/card.tsx
+++ b/web/src/components/ui/card.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
   ({ className, ...props }, ref) => (
diff --git a/web/src/components/ui/input.tsx b/web/src/components/ui/input.tsx
index d43e89a..7ea2e00 100644
--- a/web/src/components/ui/input.tsx
+++ b/web/src/components/ui/input.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
   ({ className, type, ...props }, ref) => {
diff --git a/web/src/components/ui/label.tsx b/web/src/components/ui/label.tsx
index 9267b99..5012627 100644
--- a/web/src/components/ui/label.tsx
+++ b/web/src/components/ui/label.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
diff --git a/web/src/components/ui/skeleton.tsx b/web/src/components/ui/skeleton.tsx
index 6690a13..02a0632 100644
--- a/web/src/components/ui/skeleton.tsx
+++ b/web/src/components/ui/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
   return <div className={cn("animate-pulse rounded-md bg-muted", className)} {...props} />;
diff --git a/web/src/components/ui/tabs.tsx b/web/src/components/ui/tabs.tsx
index cc2b747..8d6dbfc 100644
--- a/web/src/components/ui/tabs.tsx
+++ b/web/src/components/ui/tabs.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Tabs = TabsPrimitive.Root;