diff --git a/package.json b/package.json
index 1e15598..fbada23 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.111.0",
+  "version": "1.111.1",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/GridTaskBlock.tsx b/src/components/GridTaskBlock.tsx
index 44d89f8..2081978 100644
--- a/src/components/GridTaskBlock.tsx
+++ b/src/components/GridTaskBlock.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, Suspense } from "react";
 import dynamic from "next/dynamic";
 const RichTextEditor = dynamic(() => import("./RichTextEditor"), { ssr: false });
-import { Repeat, Circle, X, ChevronDown, Link } from "lucide-react";
+import { Repeat, X, ChevronDown, Link } from "lucide-react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGoogle, faMicrosoft, faApple } from "@fortawesome/free-brands-svg-icons";
 import { faServer, faFolder, IconDefinition } from "@fortawesome/free-solid-svg-icons";
@@ -618,13 +618,21 @@ export function GridTaskBlock({
                             aria-expanded={showProjectPicker}
                             aria-haspopup="listbox"
                         >
-                            <Circle
-                                size={12}
-                                aria-hidden="true"
-                                fill={task.project?.color || "none"}
-                                stroke={task.project?.color || "currentColor"}
-                                strokeWidth={2}
-                            />
+                            {task.project ? (() => {
+                                const rawIcon = task.project.icon || "";
+                                const normalised = rawIcon.startsWith("fa") && rawIcon.length > 2 && rawIcon[2] === rawIcon[2].toUpperCase()
+                                    ? rawIcon.slice(2, 3).toLowerCase() + rawIcon.slice(3)
+                                    : rawIcon;
+                                const found = allIcons.find(i => i.name === normalised || i.name === rawIcon);
+                                if (found) {
+                                    return found.type === "fa"
+                                        ? <FontAwesomeIcon icon={found.icon as IconDefinition} aria-hidden="true" style={{ fontSize: "11px", color: task.project.color || "#888" }} />
+                                        : <MdiIcon path={found.icon as string} size={0.5} color={task.project.color || "#888"} style={{ display: "inline-block" }} />;
+                                }
+                                return task.project.icon
+                                    ? <span style={{ fontSize: "11px", color: task.project.color || "#888" }}>{task.project.icon}</span>
+                                    : <FontAwesomeIcon icon={faFolder} aria-hidden="true" style={{ fontSize: "11px", color: task.project.color || "#888" }} />;
+                            })() : <FontAwesomeIcon icon={faFolder} aria-hidden="true" style={{ fontSize: "11px" }} />}
                         </button>
                         {showProjectPicker && (
                             <div className="absolute z-[100] top-full left-1/2 -translate-x-1/2 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 min-w-[140px]" style={{ whiteSpace: "nowrap" }}>
@@ -650,7 +658,21 @@ export function GridTaskBlock({
                                             setShowProjectPicker(false);
                                         }}
                                     >
-                                        <Circle size={10} fill={p.color || "#999"} stroke={p.color || "#999"} strokeWidth={0} />
+                                        {(() => {
+                                            const rawIcon = p.icon || "";
+                                            const normalised = rawIcon.startsWith("fa") && rawIcon.length > 2 && rawIcon[2] === rawIcon[2].toUpperCase()
+                                                ? rawIcon.slice(2, 3).toLowerCase() + rawIcon.slice(3)
+                                                : rawIcon;
+                                            const found = allIcons.find(i => i.name === normalised || i.name === rawIcon);
+                                            if (found) {
+                                                return found.type === "fa"
+                                                    ? <FontAwesomeIcon icon={found.icon as IconDefinition} style={{ fontSize: "10px", color: p.color || "#888" }} />
+                                                    : <MdiIcon path={found.icon as string} size={0.45} color={p.color || "#888"} style={{ display: "inline-block" }} />;
+                                            }
+                                            return p.icon
+                                                ? <span style={{ fontSize: "10px", color: p.color || "#888" }}>{p.icon}</span>
+                                                : <FontAwesomeIcon icon={faFolder} style={{ fontSize: "10px", color: p.color || "#888" }} />;
+                                        })()}
                                         {p.name}
                                     </button>
                                 ))}