2 files changed, 4 insertions, 4 deletions
diff --git a/FrontEnd/src/pages/timeline/TimelineMember.css b/FrontEnd/src/pages/timeline/TimelineMember.css
index 93fcffce..3ad74c57 100644
--- a/FrontEnd/src/pages/timeline/TimelineMember.css
+++ b/FrontEnd/src/pages/timeline/TimelineMember.css
@@ -1,7 +1,7 @@
 .timeline-member-item {
   align-items: center;
   display: flex;
-  padding: 0.5em;
+  padding: 0.6em;
 }
 
 .timeline-member-avatar {
diff --git a/FrontEnd/src/pages/timeline/TimelineMember.tsx b/FrontEnd/src/pages/timeline/TimelineMember.tsx
index a25fe6a9..0812016f 100644
--- a/FrontEnd/src/pages/timeline/TimelineMember.tsx
+++ b/FrontEnd/src/pages/timeline/TimelineMember.tsx
@@ -9,7 +9,7 @@ import { getHttpTimelineClient, HttpTimelineInfo } from "~src/http/timeline";
 
 import SearchInput from "~src/components/SearchInput";
 import UserAvatar from "~src/components/user/UserAvatar";
-import Button from "~src/components/button/Button";
+import { IconButton } from "~src/components/button";
 import { ListContainer, ListItemContainer } from "~src/components/list";
 
 import "./TimelineMember.css";
@@ -34,8 +34,8 @@ function TimelineMemberItem({
       </div>
       {onAction ? (
         <div className="timeline-member-action">
-          <Button
-            text={`timeline.member.${add ? "add" : "remove"}`}
+          <IconButton
+            icon={add ? "plus-lg" : "trash"}
             color={add ? "create" : "danger"}
             onClick={() => {
               onAction(user.username);