diff --git a/src/containers/basis/group/BasisGroupContainer.js b/src/containers/basis/group/BasisGroupContainer.js
index d00d15ca..c5d9127d 100644
--- a/src/containers/basis/group/BasisGroupContainer.js
+++ b/src/containers/basis/group/BasisGroupContainer.js
@@ -65,11 +65,24 @@ export const BasisGroupContainer = props => {
       // minWidth: '102px',
       sortable: true,
       cell: row => {
-        return <Link to={`/basis/group/detail/${row.groupId}`}>상세보기</Link>;
+        // return <Link to={`/basis/group/detail/${row.groupId}`}>상세보기</Link>;
+        return (
+          <Button.Ripple
+            color='primary'
+            className='badge badge-primary'
+            onClick={() => handleDetail(row.groupId)}
+          >
+            상세보기
+          </Button.Ripple>
+        );
       }
     }
   ];
 
+  const handleDetail = groupId => {
+    history.push(`/basis/group/detail/${groupId}`);
+  };
+
   const joinColumns = [
     {
       name: '그룹명',