diff --git a/todoblue/src/app/board/[board]/BoardBody.tsx b/todoblue/src/app/board/[board]/BoardBody.tsx
index f736aef..9107eb0 100644
--- a/todoblue/src/app/board/[board]/BoardBody.tsx
+++ b/todoblue/src/app/board/[board]/BoardBody.tsx
@@ -1,7 +1,8 @@
 import {BoardMainTaskGroups} from "@/app/board/[board]/BoardMainTaskGroups"
-import {BoardError} from "@/app/board/[board]/BoardError"
-import {BoardMainLoading} from "@/app/board/[board]/BoardMainLoading"
+import {BoardMainIcon} from "@/app/board/[board]/BoardMainIcon"
 import {useBoardContext} from "@/app/board/[board]/useBoardContext"
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
+import {faGear, faArrowsSpin, faExclamationCircle} from "@fortawesome/free-solid-svg-icons"
 
 
 export function BoardBody() {
@@ -9,13 +10,13 @@ export function BoardBody() {
 
 	switch(websocketState) {
 		case undefined:
-			return <BoardMainLoading text={"Caricamento..."}/>
+			return <BoardMainIcon icon={<FontAwesomeIcon icon={faGear} spin/>} text={"Caricamento..."}/>
 		case WebSocket.CONNECTING:
-			return <BoardMainLoading text={"Connessione..."}/>
+			return <BoardMainIcon icon={<FontAwesomeIcon icon={faArrowsSpin} spin/>} text={"Connessione..."}/>
 		case WebSocket.OPEN:
 			return <BoardMainTaskGroups/>
 		case WebSocket.CLOSING:
 		case WebSocket.CLOSED:
-			return <BoardError text={"Errore"}/>
+			return <BoardMainIcon icon={<FontAwesomeIcon icon={faExclamationCircle}/>} text={"Errore"} className={"red"}/>
 	}
 }
diff --git a/todoblue/src/app/board/[board]/BoardError.tsx b/todoblue/src/app/board/[board]/BoardError.tsx
deleted file mode 100644
index 4fee653..0000000
--- a/todoblue/src/app/board/[board]/BoardError.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import style from "./BoardError.module.css"
-import {faExclamationCircle} from "@fortawesome/free-solid-svg-icons"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
-import classNames from "classnames"
-
-
-export function BoardError({text}: {text: string}) {
-	return (
-		<main className={classNames("red", style.boardError)}>
-			<div>
-				<FontAwesomeIcon size={"4x"} icon={faExclamationCircle}/>
-			</div>
-			<div>
-				{text}
-			</div>
-		</main>
-	)
-}
diff --git a/todoblue/src/app/board/[board]/BoardMainLoading.module.css b/todoblue/src/app/board/[board]/BoardMainIcon.module.css
similarity index 100%
rename from todoblue/src/app/board/[board]/BoardMainLoading.module.css
rename to todoblue/src/app/board/[board]/BoardMainIcon.module.css
diff --git a/todoblue/src/app/board/[board]/BoardMainIcon.tsx b/todoblue/src/app/board/[board]/BoardMainIcon.tsx
new file mode 100644
index 0000000..ce6557a
--- /dev/null
+++ b/todoblue/src/app/board/[board]/BoardMainIcon.tsx
@@ -0,0 +1,17 @@
+import cn from "classnames"
+import {ReactNode} from "react"
+import style from "./BoardMainIcon.module.css"
+
+
+export function BoardMainIcon({text, icon, className}: {text: string, icon: ReactNode, className?: string}) {
+	return (
+		<main className={cn(style.boardLoading, className)}>
+			<div>
+				{icon}
+			</div>
+			<div>
+				{text}
+			</div>
+		</main>
+	)
+}
diff --git a/todoblue/src/app/board/[board]/BoardMainLoading.tsx b/todoblue/src/app/board/[board]/BoardMainLoading.tsx
deleted file mode 100644
index f7354be..0000000
--- a/todoblue/src/app/board/[board]/BoardMainLoading.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import style from "./BoardLoading.module.css"
-import {faSpinner} from "@fortawesome/free-solid-svg-icons"
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
-
-
-export function BoardMainLoading({text}: {text: string}) {
-	return (
-		<main className={style.boardLoading}>
-			<div>
-				<FontAwesomeIcon size={"4x"} icon={faSpinner} pulse/>
-			</div>
-			<div>
-				{text}
-			</div>
-		</main>
-	)
-}
diff --git a/todoblue/src/app/board/[board]/TaskDiv.module.css b/todoblue/src/app/board/[board]/TaskDiv.module.css
index b822d45..0c8c79d 100644
--- a/todoblue/src/app/board/[board]/TaskDiv.module.css
+++ b/todoblue/src/app/board/[board]/TaskDiv.module.css
@@ -49,10 +49,6 @@
 	padding: 8px;
 }
 
-.asdaf {
-	--something: hsl(150, 1%, 41%), hsl(213, 22%, 61%), hsl(212, 100%, 81%), hsl(6, 66%, 72%), hsl(17, 98%, 52%);
-}
-
 .taskImportanceHighest {
 	--bhsl-current-hue: 15deg;
 	--bhsl-current-saturation: 98%;