diff --git a/src/client/src/components/todos/todoItem.tsx b/src/client/src/components/todos/todoItem.tsx
index 56800e6..bea6ab1 100644
--- a/src/client/src/components/todos/todoItem.tsx
+++ b/src/client/src/components/todos/todoItem.tsx
@@ -30,9 +30,9 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
             </a>
           </Link>
           <div className="flex flex-row justify-between items-end">
-            <div>
+            <div className="flex flex-row">
               {props.todo.description && (
-                  <div className="h-3 w-3 bg-gray-200 dark:bg-gray-900"/>
+                  <div className="h-3 w-3 bg-gray-100 dark:border-black border border-gray-300 dark:bg-gray-900 rounded-sm"/>
               )}
             </div>
             {props.displayProject && props.todo.project && (