diff --git a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2 b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
index a176f2a..945547b 100644
--- a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
+++ b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/client.html.j2
@@ -19,7 +19,7 @@
           <li>
             <div class="flex items-center">
               <svg class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
-            <span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">{{ client.name }}</span>
+            <span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">View</span>
             </div>
           </li>
         </ol>
diff --git a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2 b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
index 9502a03..e9c5ce0 100644
--- a/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
+++ b/packages/sshecret-admin/src/sshecret_admin/frontend/templates/clients/partials/tree.html.j2
@@ -19,7 +19,19 @@
     <div
       class="flex justify-end px-4"
       >
-      <button id="client-tree-menu-button" data-dropdown-toggle="client-tree-menu" class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
+      <sl-icon-button
+        name="plus-square"
+        label="Add Client"
+        data-drawer-target="drawer-create-client-default"
+        data-drawer-show="drawer-create-client-default"
+        aria-controls="drawer-create-client-default"
+        data-drawer-placement="right"
+
+
+        ></sl-icon-button>
+
+      {#
+      <button id="client-tree-menu-button" data-dropdown-toggle="client-tree-menu" class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5 h-8" type="button">
         <span class="sr-only">Open dropdown</span>
         <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
           <path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
@@ -42,6 +54,7 @@
           </li>
         </ul>
       </div>
+      #}
     </div>
   </div>
   <div class="flex-1 overflow-auto">
diff --git a/packages/sshecret-admin/src/sshecret_admin/static/css/main.css b/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
index 5a19a95..3317fc3 100644
--- a/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
+++ b/packages/sshecret-admin/src/sshecret_admin/static/css/main.css
@@ -682,6 +682,12 @@
   .h-\[12px\] {
     height: 12px;
   }
+  .h-\[16px\] {
+    height: 16px;
+  }
+  .h-\[32px\] {
+    height: 32px;
+  }
   .h-\[36rem\] {
     height: 36rem;
   }