From 46572fd992430bb2b764abb9eb89a1bd37c57467 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Sat, 1 Nov 2025 15:36:21 +0700
Subject: [PATCH] chore: update add button styling

---
 src/components/table/TableToolbar.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/table/TableToolbar.tsx b/src/components/table/TableToolbar.tsx
index e3b385b1..4ec76931 100644
--- a/src/components/table/TableToolbar.tsx
+++ b/src/components/table/TableToolbar.tsx
@@ -18,8 +18,13 @@ export const TableToolbar = ({ addButton, search }: TableToolbarProps) => {
   return (
     <div className='w-full flex flex-col sm:flex-row justify-between items-end sm:items-center gap-2'>
       {addButton && (
-        <div className='flex flex-row'>
-          <Button href={addButton.href} color='primary'>
+        <div className='w-full flex flex-row'>
+          <Button
+            href={addButton.href}
+            variant='outline'
+            color='primary'
+            className='w-full sm:w-fit'
+          >
             <Icon icon='ic:round-plus' width={24} height={24} />
             {addButton.label}
           </Button>