diff --git a/src/pages/master/shift/component/ListShift.jsx b/src/pages/master/shift/component/ListShift.jsx
index 0ee09e5..9c8b278 100644
--- a/src/pages/master/shift/component/ListShift.jsx
+++ b/src/pages/master/shift/component/ListShift.jsx
@@ -68,9 +68,9 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         width: '25%',
         render: (_, record) => (
             <Space>
-                <Button type="text" icon={<EyeOutlined />} onClick={() => showPreviewModal(record)} style={{ color: '#1890ff' }} />
-                <Button type="text" icon={<EditOutlined />} onClick={() => showEditModal(record)} style={{ color: '#faad14' }} />
-                <Button danger type="text" icon={<DeleteOutlined />} onClick={() => showDeleteDialog(record)} />
+                <Button ghost icon={<EyeOutlined />} onClick={() => showPreviewModal(record)} style={{ color: '#1890ff', borderColor: '#1890ff' }} />
+                <Button ghost icon={<EditOutlined />} onClick={() => showEditModal(record)} style={{ color: '#faad14', borderColor: '#faad14' }} />
+                <Button danger ghost icon={<DeleteOutlined />} onClick={() => showDeleteDialog(record)} />
             </Space>
         ),
     },