diff --git a/backend/api/clients/delete.py b/backend/api/clients/delete.py
new file mode 100644
index 00000000..9159d529
--- /dev/null
+++ b/backend/api/clients/delete.py
@@ -0,0 +1,46 @@
+from django.contrib import messages
+from django.shortcuts import render
+from django.contrib.auth.decorators import login_required
+from django.views.decorators.http import require_http_methods
+
+from backend.models import Client
+from backend.types.htmx import HtmxHttpRequest
+
+
+@require_http_methods(["DELETE"])
+@login_required
+def client_delete(request: HtmxHttpRequest, id: int):
+    try:
+        client = Client.objects.get(id=id)
+    except Client.DoesNotExist:
+        messages.error(request, "Client not found")
+        return render(request, "pages/clients/dashboard/_table.html", {"delete": True})
+
+    if not client:
+        messages.error(request, "Client not found")
+        return render(request, "pages/clients/dashboard/_table.html", {"delete": True})
+
+    if (
+        not request.user.is_authenticated
+        or request.user != client.user
+        or request.user.logged_in_as_team
+        and request.user.logged_in_as_team != client.organization
+    ):
+        messages.error(request, "You do not have permission to delete this client")
+        return render(request, "pages/clients/dashboard/_table.html", {"delete": True})
+
+    client.delete()
+    messages.success(request, f'Client "{client.name}" deleted successfully')
+
+    if request.user.logged_in_as_team:
+        return render(
+            request,
+            "pages/clients/dashboard/_table.html",
+            {"clients": Client.objects.filter(organization=request.user.logged_in_as_team).order_by("-name"), "delete": True},
+        )
+    else:
+        return render(
+            request,
+            "pages/clients/dashboard/_table.html",
+            {"clients": Client.objects.filter(user=request.user).order_by("-name"), "delete": True},
+        )
diff --git a/backend/api/clients/urls.py b/backend/api/clients/urls.py
index 6ae98023..08f3f522 100644
--- a/backend/api/clients/urls.py
+++ b/backend/api/clients/urls.py
@@ -1,5 +1,6 @@
 from django.urls import path
-from . import fetch
+from . import fetch, delete
+
 
 urlpatterns = [
     path(
@@ -12,6 +13,10 @@
         fetch.fetch_clients_dropdown,
         name="fetch dropdown",
     ),
+    path(
+        "delete/<int:id>/",
+        delete.client_delete,
+        name="delete",
+    ),
 ]
-
 app_name = "clients"
diff --git a/frontend/templates/pages/clients/create/create.html b/frontend/templates/pages/clients/create/create.html
index 7b6d1e7b..c06abcef 100644
--- a/frontend/templates/pages/clients/create/create.html
+++ b/frontend/templates/pages/clients/create/create.html
@@ -4,7 +4,7 @@
     <div class="card bg-base-100 p-6">
         <form method="post">
             {% csrf_token %}
-            <div class="divider mb-6">REQUIRED DETAILS</div>
+            <div class="divider mb-6">IDENTIFICATION DETAILS [REQUIRED]</div>
             <div class="w-full md:w-1/3 lg:1/4">
                 <label class="label">
                     Single
@@ -19,8 +19,9 @@
                 <div class="card me-3 w-full bg-base-200 border border-base-200 hover:border-gray-400">
                     <div class="card-body w-full">
                         <div class="form-control w-full">
-                            <label class="label">
-                                <span class="label-text">Client Name</span>
+                            <label class="label label-text justify-start">
+                                Client Name
+                                <span class="required_star">*</span>
                             </label>
                             <input required
                                    id="clientName"
@@ -39,8 +40,8 @@
                 <div class="card me-3 w-full bg-base-200 border border-base-200 hover:border-gray-400">
                     <div class="card-body w-full">
                         <div class="form-control w-full">
-                            <label class="label">
-                                <span class="label-text">Client Email</span>
+                            <label class="label justify-start label-text">
+                                Client Email <span class="required_star">*</span>
                             </label>
                             <input required
                                    id="clientEmail"
@@ -61,22 +62,26 @@
                  class="card me-3 w-full bg-base-200 border border-base-200 hover:border-gray-400">
                 <div class="card-body w-full">
                     <div class="form-control w-full">
-                        <label class="label">
-                            <span class="label-text">Client Company</span>
+                        <label class="label label-text justify-start">
+                            Client Company
+                            <span class="required_star">*</span>
                         </label>
                         <input id="companyName"
                                name="company_name"
                                minlength="3"
                                type="text"
                                class="peer input input-bordered w-full"
-                               placeholder="Bob Smith" />
+                               placeholder="Google" />
                         <label class="label peer-[&amp;:not(:placeholder-shown):not(:focus):invalid]:block hidden">
                             <span class="label-text-alt text-error">Please enter a valid company name</span>
                         </label>
                     </div>
                 </div>
             </div>
-            <div class="divider my-6">OPTIONAL DETAILS</div>
+            <div class="divider my-6">
+                INFORMATION STORAGE
+                <i class="text-neutral-content">[OPTIONAL]</i>
+            </div>
             {# Client Address Card #}
             <div class="my-4 w-full grid grid-cols-1 gap-4 md:grid-cols-2">
                 <div class="card me-3 w-full bg-base-200 border border-base-200 hover:border-gray-400">
@@ -139,14 +144,18 @@
     <script>
         is_rep_inp = document.querySelector('input[name="is_representative"]');
         is_rep_div = document.querySelector('div[data-selection="representative"]');
+        company_input = document.querySelector('#companyName')
 
         function check_is_rep() {
             if (is_rep_inp.checked) {
                 is_rep_div.style.display = "block";
                 is_rep_inp.required = true;
+                company_input.required = true;
+
             } else {
                 is_rep_div.style.display = "none";
                 is_rep_inp.required = false;
+                company_input.required = false;
             }
         }
 
diff --git a/frontend/templates/pages/clients/dashboard/_rows.html b/frontend/templates/pages/clients/dashboard/_rows.html
index b0f847be..cfac96bd 100644
--- a/frontend/templates/pages/clients/dashboard/_rows.html
+++ b/frontend/templates/pages/clients/dashboard/_rows.html
@@ -1,5 +1,6 @@
 {% load humanize %}
 {% for client in clients %}
+    {% csrf_token %}
     <tr>
         <td>{{ client.id }}</td>
         <td colspan="2">{{ client.name }}</td>
@@ -11,7 +12,10 @@
                     </button>
                 </div>
                 <div class="tooltip" data-tip="Delete">
-                    <button class="btn btn-outline btn-error btn-sm btn-disabled">
+                    <button class="btn btn-outline btn-error btn-sm"
+                            hx-delete="{% url 'api:clients:delete' id=client.id %}"
+                            hx-target="#items"
+                            hx-confirm="Are you sure you would like to delete this client?">
                         <i class="fa fa-solid fa-trash"></i>
                     </button>
                 </div>
diff --git a/frontend/templates/pages/clients/dashboard/_table.html b/frontend/templates/pages/clients/dashboard/_table.html
index 61a0870c..c37b92e0 100644
--- a/frontend/templates/pages/clients/dashboard/_table.html
+++ b/frontend/templates/pages/clients/dashboard/_table.html
@@ -1,5 +1,8 @@
+{% if delete %}
+    {% component "messages_list" %}
+{% endif %}
 <div class="flex w-full overflow-x-auto overflow-y-hidden" id="items">
-    <table class="table-zebra table">
+    <table class="table">
         <thead>
             <tr>
                 <th>Client ID</th>
diff --git a/frontend/templates/pages/clients/dashboard/dashboard.html b/frontend/templates/pages/clients/dashboard/dashboard.html
index 0b3b36ff..d72e774e 100644
--- a/frontend/templates/pages/clients/dashboard/dashboard.html
+++ b/frontend/templates/pages/clients/dashboard/dashboard.html
@@ -1,6 +1,7 @@
 {% extends base|default:"base/base.html" %}
 {% block content %}
     <div class="card w-full p-6 bg-base-100 shadow-xl mt-2">
+        <h2 class="text-xl">Clients</h2>
         <a class="btn btn-primary mb-4"
            href="{% url "clients create" %}"
            hx-boost="true">
diff --git a/frontend/templates/pages/invoices/dashboard/dashboard.html b/frontend/templates/pages/invoices/dashboard/dashboard.html
index 07bd0f9e..d43eab46 100644
--- a/frontend/templates/pages/invoices/dashboard/dashboard.html
+++ b/frontend/templates/pages/invoices/dashboard/dashboard.html
@@ -5,6 +5,7 @@
     <form id="sort_direction_storage">
     </form>
     <div class="card bg-base-100 p-6 mb-4 h-screen">
+        <h2 class="text-xl">Invoices</h2>
         <div class="flex gap-3 justify-between mb-3">
             <div class="dropdown dropdown-hover dropdown-right w-14">
                 <div tabindex="0"
diff --git a/frontend/templates/pages/receipts/_search_results.html b/frontend/templates/pages/receipts/_search_results.html
index 198b32d5..31902817 100644
--- a/frontend/templates/pages/receipts/_search_results.html
+++ b/frontend/templates/pages/receipts/_search_results.html
@@ -62,28 +62,33 @@ <h2 class="menu-title">Amount</h2>
                         <form method="post">
                             <button type="button"
                                     onclick="modal_receipt_{{ row.id }}.showModal();"
-                                    class="btn btn-outline btn-success btn-sm">Preview</button>
+                                    data-tip="Preview receipt in modal"
+                                    class="btn btn-outline btn-primary btn-sm tooltip">
+                                <i class="fa fa-eye"></i>
+                            </button>
                             <button onclick="modal_{{ row.id }}_receipts_upload.showModal();"
                                     id="edit_receipt_button"
-                                    class="btn btn-outline btn-success btn-sm"
+                                    class="btn btn-outline btn-warning btn-sm tooltip"
                                     for="edit_receipt"
+                                    data-tip="Edit receipt details"
                                     hx-trigger="click once"
                                     hx-swap="beforeend"
                                     hx-target="#modal_container"
                                     hx-get="{% url "api:base:modal retrieve with context" modal_name="receipts_upload" context_type="edit_receipt" context_value=row.id %}">
-                                <i class="fa-solid fa-receipt pe-1"></i>
-                                Edit Receipt
+                                <i class="fa-solid fa-edit"></i>
                             </button>
                             <button type="button"
-                                    class="btn btn-outline btn-primary btn-sm"
+                                    class="btn btn-outline btn-success btn-sm tooltip"
+                                    data-tip="Download Receipt"
                                     onclick="download_file('{% url 'api:receipts:generate_download_link' receipt_id=row.id %}')">
-                                Download
+                                <i class="fa fa-download"></i>
                             </button>
-                            <button class="btn btn-outline btn-error btn-sm"
+                            <button class="btn btn-error btn-sm tooltip"
+                                    data-tip="Delete receipt"
                                     hx-delete="{% url 'api:receipts:delete' id=row.id %}"
                                     hx-target="#items"
                                     hx-confirm="Are you sure you would like to delete the receipt?">
-                                Delete
+                                <i class="fa fa-trash"></i>
                             </button>
                         </form>
                     </td>
diff --git a/tests/api/test_clients.py b/tests/api/test_clients.py
index 67907cff..b4250bbb 100644
--- a/tests/api/test_clients.py
+++ b/tests/api/test_clients.py
@@ -3,6 +3,7 @@
 from django.urls import reverse
 from model_bakery import baker
 
+from backend.models import Client
 from tests.handler import ViewTestCase, assert_url_matches_view
 
 
@@ -109,3 +110,38 @@ def test_search_functionality(self):
         self.assertIn(client1, response.context["clients"])
         self.assertIn(client2, response.context["clients"])
         self.assertIn(client3, response.context["clients"])
+
+
+class ClientAPIDelete(ViewTestCase):
+    def setUp(self):
+        super().setUp()
+        self.id = 1
+        self.url_path = f"/api/clients/delete/{self.id}/"
+        self.url_name = "api:clients:delete"
+        self.view_function_path = "backend.api.clients.delete.client_delete"
+
+    def test_client_delete_view_matches_with_urls_view(self):
+        self.assertEqual(reverse(self.url_name, args=[self.id]), self.url_path)
+
+    def test_client_delete_view_302_for_non_authenticated_users(self):
+        response = self.client.delete(reverse(self.url_name, args=[self.id]))
+        self.assertEqual(response.status_code, 302)
+
+    def test_client_delete_view_200_for_authenticated_users(self):
+        self.login_user()
+        client = baker.make("backend.Client", user=self.log_in_user)
+        response = self.client.delete(reverse(self.url_name, args=[client.id]))
+        self.assertEqual(response.status_code, 200)
+
+    def test_client_delete_view_deletes_client(self):
+        self.login_user()
+        client = baker.make("backend.Client", user=self.log_in_user)
+        self.client.delete(reverse(self.url_name, args=[client.id]))
+        with self.assertRaises(Client.DoesNotExist):
+            Client.objects.get(id=client.id)
+
+    def test_client_delete_view_returns_error_for_non_existent_client(self):
+        self.login_user()
+        response = self.client.delete(reverse(self.url_name, args=[999]))
+        self.assertEqual(response.status_code, 200)  # in future should be 404
+        self.assertIn("Client not found", str(response.content))