diff --git a/assets/pasted-20251124-095308-75e5f264.png b/assets/pasted-20251124-095308-75e5f264.png
new file mode 100644
index 0000000..07ccdec
Binary files /dev/null and b/assets/pasted-20251124-095308-75e5f264.png differ
diff --git a/core/templates/core/index.html b/core/templates/core/index.html
index 793266d..0c8f124 100644
--- a/core/templates/core/index.html
+++ b/core/templates/core/index.html
@@ -62,11 +62,14 @@
                     <tbody>
                         {% for item in todo_list %}
                                                 <tr class="{% if item.status == 'inprogress' %}table-info{% elif item.status == 'done' %}table-success{% elif item.status == 'blocked' %}table-danger{% elif item.status == 'delegated' %}table-warning{% endif %}">
-                            <td>{{ item.title }}</td>
+                                                        <td>
+                                {{ item.title }}
+                                <div><span class="task-id text-muted small">#{{ item.id }}</span></div>
+                            </td>
                             <td>{{ item.description|default:"" }}</td>
                             <td>
                                 {% if item.tags %}
-                                    {% for tag in item.tags.split|slice:":3" %}
+                                    {% for tag in item.tags.split:','|slice:":3" %}
                                         <span class="badge bg-secondary">{{ tag }}</span>
                                     {% endfor %}
                                 {% endif %}
diff --git a/core/templates/core/kanban.html b/core/templates/core/kanban.html
index 5ab710c..f7ab712 100644
--- a/core/templates/core/kanban.html
+++ b/core/templates/core/kanban.html
@@ -28,11 +28,14 @@
                                         {% csrf_token %}
                                         <button type="submit" class="btn-close" aria-label="Close"></button>
                                     </form>
-                                    <h5 class="card-title h6">{{ item.title }}</h5>
+                                                                        <div class="d-flex justify-content-between align-items-start">
+                                        <h5 class="card-title h6 mb-0">{{ item.title }}</h5>
+                                        <span class="task-id text-muted small">#{{ item.id }}</span>
+                                    </div>
                                     <p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
                                     {% if item.tags %}
                                         <div class="tags">
-                                            {% for tag in item.tags.split|slice:":3" %}
+                                            {% for tag in item.tags.split:','|slice:":3" %}
                                                 <span class="badge bg-secondary">{{ tag }}</span>
                                             {% endfor %}
                                         </div>
diff --git a/static/css/custom.css b/static/css/custom.css
index 62c79d6..05304c6 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -296,3 +296,12 @@ body {
     box-shadow: 0 8px 16px rgba(0,0,0,0.2);
     transform: rotate(3deg);
 }
+
+.task-id {
+    font-weight: 600;
+    font-size: 0.8rem;
+}
+
+.kanban-card .task-id {
+    margin-top: 0.2rem;
+}
\ No newline at end of file
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index e6030e3..05304c6 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -245,14 +245,13 @@ body {
 }
 
 .kanban-column {
-    flex: 1 1 300px; /* Flex-grow, flex-shrink, and basis */
-    min-width: 300px;
-    max-width: 320px;
+    flex: 1 1 18rem;
+    min-width: 16rem;
+    max-width: 18rem;
     background-color: #f0f2f5;
     border-radius: 0.5rem;
     display: flex;
     flex-direction: column;
-    max-height: calc(100vh - 250px); /* Adjust based on your layout */
 }
 
 .kanban-column h2 {
@@ -297,3 +296,12 @@ body {
     box-shadow: 0 8px 16px rgba(0,0,0,0.2);
     transform: rotate(3deg);
 }
+
+.task-id {
+    font-weight: 600;
+    font-size: 0.8rem;
+}
+
+.kanban-card .task-id {
+    margin-top: 0.2rem;
+}
\ No newline at end of file