diff --git a/frontend/src/components/kanbanBoard/columnContainer.jsx b/frontend/src/components/kanbanBoard/columnContainer.jsx
index bc259e2..406981f 100644
--- a/frontend/src/components/kanbanBoard/columnContainer.jsx
+++ b/frontend/src/components/kanbanBoard/columnContainer.jsx
@@ -108,13 +108,11 @@ function ColumnContainer({
         text-sm
         rounded-full
         "
-          >
-            0
-          </div>
+          ></div>
           {!editMode && column.title}
           {editMode && (
             <input
-              className="bg-black focus:border-rose-500 border rounded outline-none px-2"
+              className="bg-white focus:border-rose-500 border rounded outline-none px-2"
               value={column.title}
               onChange={(e) => updateColumn(column.id, e.target.value)}
               autoFocus
diff --git a/frontend/src/components/kanbanBoard/kanbanBoard.jsx b/frontend/src/components/kanbanBoard/kanbanBoard.jsx
index 2c5a6a4..22cfa74 100644
--- a/frontend/src/components/kanbanBoard/kanbanBoard.jsx
+++ b/frontend/src/components/kanbanBoard/kanbanBoard.jsx
@@ -1,4 +1,4 @@
-import PlusIcon from "../icons/plusIcon"
+import PlusIcon from "../icons/plusIcon";
 import { useMemo, useState } from "react";
 import ColumnContainer from "./columnContainer";
 import {
@@ -120,6 +120,7 @@ function KanbanBoard() {
         m-auto
         flex
         w-full
+        h-full
         min-h-screen
         items-center
         overflow-x-auto
@@ -149,6 +150,7 @@ function KanbanBoard() {
               ))}
             </SortableContext>
           </div>
+        {/* create new column */}
           <button
             onClick={() => {
               createNewColumn();
@@ -223,8 +225,7 @@ function KanbanBoard() {
       if (task.id !== id) return task;
       return { ...task, content };
     });
-      if (content === "") return deleteTask(id
-      );
+    if (content === "") return deleteTask(id);
     setTasks(newTasks);
   }