From 60d4f7b1f7e88f1713049cefde185cd57c1b4ff7 Mon Sep 17 00:00:00 2001
From: Prastowo Agung Widodo <prastowoagungwidodo@gmail.com>
Date: Fri, 27 Mar 2026 10:15:19 +0700
Subject: [PATCH] fix: improve action buttons on contact empty state

---
 components/contacts/contact-list.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/contacts/contact-list.tsx b/components/contacts/contact-list.tsx
index 4065548..f0111a3 100644
--- a/components/contacts/contact-list.tsx
+++ b/components/contacts/contact-list.tsx
@@ -170,12 +170,12 @@ export function ContactList({
                 <p className="text-sm font-medium text-foreground">{t("empty_state_title")}</p>
                 <p className="text-xs text-muted-foreground mt-1">{t("empty_state_subtitle")}</p>
                 <div className="flex gap-2 mt-4">
-                  <Button size="sm" onClick={onCreateNew}>
+                  <Button size="sm" onClick={onCreateNew} className="whitespace-nowrap overflow-hidden text-ellipsis">
                     <UserPlus className="w-4 h-4 mr-1.5" />
                     {t("create_new")}
                   </Button>
                   {onImport && (
-                    <Button variant="outline" size="sm" onClick={onImport}>
+                    <Button variant="outline" size="sm" onClick={onImport} className="whitespace-nowrap overflow-hidden text-ellipsis">
                       <Upload className="w-4 h-4 mr-1.5" />
                       {t("import_vcard")}
                     </Button>