diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..2c820bd
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 5c5b180..3ff4804 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -20,8 +20,8 @@ export default async function Dashboard() {
   );
 
   return (
-    <main className="grid grid-cols-3 p-12 gap-12">
-      <div className="col-span-2">
+    <main className="grid grid-cols-3 p-12 gap-12 max-w-screen-xl mx-auto">
+      <div className="col-span-3 md:col-span-2">
         <h1 className="text-4xl mb-8">Your Pantry</h1>
 
         <Tabs defaultValue="items">
@@ -47,7 +47,7 @@ export default async function Dashboard() {
           </TabsContent>
         </Tabs>
       </div>
-      <div className="col-span-1">
+      <div className="col-span-3 md:col-span-1">
         <CreateItemForm />
       </div>
     </main>
diff --git a/src/app/header.tsx b/src/app/header.tsx
index f3fc41a..05cd2c5 100644
--- a/src/app/header.tsx
+++ b/src/app/header.tsx
@@ -1,6 +1,7 @@
 import { ModeToggle } from "./theme-toggle";
 import { Button } from "@/components/ui/button";
 import { auth } from "@/lib/auth";
+import Image from "next/image";
 import Link from "next/link";
 
 export async function Header() {
@@ -11,7 +12,15 @@ export async function Header() {
   return (
     <div className="border-b py-4">
       <div className="container mx-auto flex justify-between items-center">
-        <div>LOGO</div>
+        <div className="flex gap-1 items-center text-xl">
+          <Image
+            src="/logo.png"
+            width="50"
+            height="50"
+            alt="pantry tracker logo"
+          />{" "}
+          PantryTracker
+        </div>
 
         <div>
           {user && (
diff --git a/src/data-access/items/create-item.persistence.ts b/src/data-access/items/create-item.persistence.ts
index 7be6e1d..ece17cf 100644
--- a/src/data-access/items/create-item.persistence.ts
+++ b/src/data-access/items/create-item.persistence.ts
@@ -2,12 +2,7 @@ import "server-only";
 
 import { db } from "@/db";
 import { items } from "@/db/schema";
-
-export type CreateItemDto = {
-  name: string;
-  userId: string;
-  quantity: number;
-};
+import { CreateItemDto } from "@/use-cases/items/types";
 
 export async function createItem(item: CreateItemDto): Promise<void> {
   await db.insert(items).values(item);
diff --git a/src/data-access/items/get-item.persistence.ts b/src/data-access/items/get-item.persistence.ts
index 287b743..568ea80 100644
--- a/src/data-access/items/get-item.persistence.ts
+++ b/src/data-access/items/get-item.persistence.ts
@@ -3,17 +3,10 @@ import "server-only";
 import { db } from "@/db";
 import { Item, items } from "@/db/schema";
 import { eq } from "drizzle-orm";
+import { ItemDto } from "@/use-cases/items/types";
 
 export type ItemId = number;
 
-export type ItemDto = {
-  id: number;
-  name: string;
-  quantity: number;
-  userId: string;
-  isLow: boolean;
-};
-
 export function toDtoMapper(item: Item) {
   return {
     id: item.id,
diff --git a/src/data-access/items/get-items-by-name.persistence.ts b/src/data-access/items/get-items-by-name.persistence.ts
index a4614b5..be742f1 100644
--- a/src/data-access/items/get-items-by-name.persistence.ts
+++ b/src/data-access/items/get-items-by-name.persistence.ts
@@ -1,9 +1,10 @@
 import "server-only";
 
 import { db } from "@/db";
-import { Item, items } from "@/db/schema";
+import { items } from "@/db/schema";
 import { eq, and } from "drizzle-orm";
-import { ItemDto, toDtoMapper } from "./get-item.persistence";
+import { toDtoMapper } from "./get-item.persistence";
+import { ItemDto } from "@/use-cases/items/types";
 
 export async function getUserItemByName(
   userId: string,
diff --git a/src/data-access/items/get-items.persistence.ts b/src/data-access/items/get-items.persistence.ts
index d8d001f..5e1387b 100644
--- a/src/data-access/items/get-items.persistence.ts
+++ b/src/data-access/items/get-items.persistence.ts
@@ -1,7 +1,8 @@
 import "server-only";
 
 import { db } from "@/db";
-import { ItemDto, toDtoMapper } from "./get-item.persistence";
+import { toDtoMapper } from "./get-item.persistence";
+import { ItemDto } from "@/use-cases/items/types";
 
 export async function getItems(): Promise<ItemDto[]> {
   const items = await db.query.items.findMany();
diff --git a/src/data-access/items/update-item.persistence.ts b/src/data-access/items/update-item.persistence.ts
index fc0384a..66f0a48 100644
--- a/src/data-access/items/update-item.persistence.ts
+++ b/src/data-access/items/update-item.persistence.ts
@@ -3,7 +3,7 @@ import "server-only";
 import { db } from "@/db";
 import { items } from "@/db/schema";
 import { eq } from "drizzle-orm";
-import { ItemDto } from "./get-item.persistence";
+import { ItemDto } from "@/use-cases/items/types";
 
 export async function updateItem(item: ItemDto): Promise<void> {
   await db.update(items).set(item).where(eq(items.id, item.id));