diff --git a/todoblue/public/logo-nbg-128.png b/todoblue/public/logo-nbg-128.png
new file mode 100644
index 0000000..b3c3a7e
Binary files /dev/null and b/todoblue/public/logo-nbg-128.png differ
diff --git a/todoblue/public/logo-nbg-160.png b/todoblue/public/logo-nbg-160.png
new file mode 100644
index 0000000..439ef89
Binary files /dev/null and b/todoblue/public/logo-nbg-160.png differ
diff --git a/todoblue/public/logo-nbg-32.png b/todoblue/public/logo-nbg-32.png
new file mode 100644
index 0000000..344a467
Binary files /dev/null and b/todoblue/public/logo-nbg-32.png differ
diff --git a/todoblue/public/logo-nbg-321.png b/todoblue/public/logo-nbg-321.png
new file mode 100644
index 0000000..c98096b
Binary files /dev/null and b/todoblue/public/logo-nbg-321.png differ
diff --git a/todoblue/public/logo-nbg-64.png b/todoblue/public/logo-nbg-64.png
new file mode 100644
index 0000000..8df0c96
Binary files /dev/null and b/todoblue/public/logo-nbg-64.png differ
diff --git a/todoblue/src/app/[lang]/(page)/RootHeader.module.css b/todoblue/src/app/[lang]/(page)/RootHeader.module.css
new file mode 100644
index 0000000..f5b59ca
--- /dev/null
+++ b/todoblue/src/app/[lang]/(page)/RootHeader.module.css
@@ -0,0 +1,9 @@
+.pageHeader {
+    display: flex;
+    align-items: center;
+    gap: 2ex;
+}
+
+.pageLogo {
+
+}
diff --git a/todoblue/src/app/[lang]/(page)/RootHeader.tsx b/todoblue/src/app/[lang]/(page)/RootHeader.tsx
index 791850a..0cdc45b 100644
--- a/todoblue/src/app/[lang]/(page)/RootHeader.tsx
+++ b/todoblue/src/app/[lang]/(page)/RootHeader.tsx
@@ -1,5 +1,5 @@
 import {useTranslation} from "@/app/(i18n)/server"
-import style from "@/app/[lang]/page.module.css"
+import style from "./RootHeader.module.css"
 import {default as React} from "react"
 
 
@@ -8,7 +8,8 @@ export async function RootHeader({lng}: {lng: string}) {
 
 	return (
 		<header className={style.pageHeader}>
-			<h1>
+			<img className={style.pageLogo} src={"/logo-nbg-64.png"} alt={""}/>
+			<h1 className={style.pageTitle}>
 				{t("title")}
 			</h1>
 		</header>
diff --git a/todoblue/src/app/[lang]/(page)/StarredBoardsPanel.tsx b/todoblue/src/app/[lang]/(page)/StarredBoardsPanel.tsx
index 0229b62..aa8f0b0 100644
--- a/todoblue/src/app/[lang]/(page)/StarredBoardsPanel.tsx
+++ b/todoblue/src/app/[lang]/(page)/StarredBoardsPanel.tsx
@@ -28,7 +28,7 @@ export function StarredBoardsPanel({lng}: {lng: string}) {
 			</p>
 		</>
 	}
-	if(starred.length === 0) {
+	else if(starred.length === 0) {
 		content = <>
 			<p>
 				{t("existingStarredBoardsEmptyDescription")}
diff --git a/todoblue/src/middleware.ts b/todoblue/src/middleware.ts
index 5185d6b..e9b8e13 100644
--- a/todoblue/src/middleware.ts
+++ b/todoblue/src/middleware.ts
@@ -18,6 +18,6 @@ export function middleware(request: NextRequest) {
 
 export const config = {
 	matcher: [
-		'/((?!api|_next|manifest.json|logo-wbg-[0-9]*.png|favicon.ico).*)',
+		'/((?!api|_next|manifest.json|logo-[nw]bg-[0-9]*.png|favicon.ico).*)',
 	]
 }