diff --git a/webapp/src/components/legal_hold_table/legal_hold_row/download-outline_F0B8F.svg b/webapp/src/components/legal_hold_table/legal_hold_row/download-outline_F0B8F.svg
new file mode 100644
index 0000000..105503e
--- /dev/null
+++ b/webapp/src/components/legal_hold_table/legal_hold_row/download-outline_F0B8F.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,18H5v2h14V18z M11,2h2v10.2l4.5-4.5l1.4,1.4L12,16L5.1,9.1l1.4-1.4l4.5,4.5V2z"/></svg>
diff --git a/webapp/src/components/legal_hold_table/legal_hold_row/legal_hold_row.tsx b/webapp/src/components/legal_hold_table/legal_hold_row/legal_hold_row.tsx
index c053d59..d39ea6d 100644
--- a/webapp/src/components/legal_hold_table/legal_hold_row/legal_hold_row.tsx
+++ b/webapp/src/components/legal_hold_table/legal_hold_row/legal_hold_row.tsx
@@ -4,6 +4,9 @@ import {UserProfile} from 'mattermost-redux/types/users';
 import {LegalHold} from '@/types';
 import Client from '@/client';
 
+import DownloadIcon from './download-outline_F0B8F.svg';
+import EditIcon from './pencil-outline_F0CB6.svg';
+
 interface LegalHoldRowProps {
     legalHold: LegalHold;
     users: UserProfile[];
@@ -35,19 +38,45 @@ const LegalHoldRow = (props: LegalHoldRowProps) => {
             <div>{startsAt}</div>
             <div>{endsAt}</div>
             <div>{props.users.length} {'users'}</div>
-            <div>
+            <div
+                style={{
+                    display: "inline-flex",
+                    alignItems: "center",
+                }}
+            >
                 <a
                     href='#'
                     onClick={() => props.showUpdateModal(lh)}
+                    style={{
+                        marginRight: "10px",
+                        height: "24px",
+                    }}
                 >
-                    {'Edit'}
+                    <span style={{
+                        fill: "rgba(0, 0, 0, 0.5)",
+                    }}>
+                        <EditIcon/>
+                    </span>
                 </a>
                 {' '}
-                <a href={downloadUrl}>{'Download'}</a>
+                <a
+                    href={downloadUrl}
+                    style={{
+                        marginRight: "10px",
+                        height: "24px",
+                    }}
+                >
+                    <span style={{
+                        fill: "rgba(0, 0, 0, 0.5)",
+                    }}>
+                        <DownloadIcon/>
+                    </span>
+                </a>
                 {' '}
                 <a
                     href='#'
                     onClick={release}
+                    className={"btn btn-danger"}
                 >{'Release'}</a>
             </div>
         </React.Fragment>
diff --git a/webapp/src/components/legal_hold_table/legal_hold_row/pencil-outline_F0CB6.svg b/webapp/src/components/legal_hold_table/legal_hold_row/pencil-outline_F0CB6.svg
new file mode 100644
index 0000000..772c9d5
--- /dev/null
+++ b/webapp/src/components/legal_hold_table/legal_hold_row/pencil-outline_F0CB6.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z" /></svg>
\ No newline at end of file
diff --git a/webapp/src/components/legal_hold_table/legal_hold_table.tsx b/webapp/src/components/legal_hold_table/legal_hold_table.tsx
index 7f23d13..1541fb1 100644
--- a/webapp/src/components/legal_hold_table/legal_hold_table.tsx
+++ b/webapp/src/components/legal_hold_table/legal_hold_table.tsx
@@ -35,6 +35,7 @@ const LegalHoldTable = (props: LegalHoldTableProps) => {
                     gridTemplateColumns: 'auto auto auto auto auto',
                     columnGap: '10px',
                     rowGap: '10px',
+                    alignItems: "center",
                 }}
             >
                 <div style={{fontWeight: 'bold'}}>{'Name'}</div>