diff --git a/src/components/Breadcrum.tsx b/src/components/Breadcrum.tsx
index cf41376..32b1ba6 100644
--- a/src/components/Breadcrum.tsx
+++ b/src/components/Breadcrum.tsx
@@ -21,18 +21,18 @@ const Breadcrum: React.FC<Props> = (props) => {
 			</li>
 			{parts.map((e,i,arr)=>{
 				const last = i == arr.length - 1
-				return (<>
+				return <div key={e} className="inline-flex items-center">
 					<BreadcrumImage />
-					<li key={e} className="inline-flex items-center">
+					<li>
 						<a 
-							className={last?"text-blue-500":""}
+							className={`${last?"text-blue-500":""}`}
 							onClick={()=>{
 								if (!last){
 									props.onDirClick?.("/"+arr.slice(0,i-1).join("/"))
 								}
 							}}>{e}</a>
 					</li>
-				</>)
+				</div>
 			})}
 		</ul>