From 70deefcd6a506a0ebf2550d4de7291e025b85a0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Tue, 16 Jan 2024 13:56:41 +0100
Subject: [PATCH] Fix: fixed image dimensions

---
 app/ui/PageFooter.tsx | 4 ++--
 app/ui/PageHeader.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/PageFooter.tsx b/app/ui/PageFooter.tsx
index 0bc54bd..a994244 100644
--- a/app/ui/PageFooter.tsx
+++ b/app/ui/PageFooter.tsx
@@ -7,8 +7,8 @@ export const PageFooter: React.FC = () =>
         <footer className="footer mx-auto max-w-2xl px-4 py-10">
             <div>
                 <div className="flex items-center gap-2">
-                    <Image src="/icon4.png" alt="logo"></Image>
-                    <div className="font-title inline-flex text-3xl font-black">Bills Tracker</div>
+                    <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
+                    <div className="font-title inline-flex text-3xl font-black ml-2">Bills Tracker</div>
                 </div>
                 <p className="text-base-content/70 mb-5">Web app for tracking home utility bills</p>
                 <Link href="/" className="link link-hover">Home</Link>
diff --git a/app/ui/PageHeader.tsx b/app/ui/PageHeader.tsx
index 798eefe..481b88b 100644
--- a/app/ui/PageHeader.tsx
+++ b/app/ui/PageHeader.tsx
@@ -3,5 +3,5 @@ import Link from "next/link";
 
 export const PageHeader = () =>
 <div className="navbar bg-base-100 mb-6">
-    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" /> Utility Bills Tracker</Link>
+    <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Utility Bills Tracker</Link>
 </div>
\ No newline at end of file