diff --git a/src/components/delegateList/delegateList.css b/src/components/delegateList/delegateList.css
index 0afaf647be..a7eb91eb06 100644
--- a/src/components/delegateList/delegateList.css
+++ b/src/components/delegateList/delegateList.css
@@ -323,7 +323,6 @@
       color: var(--color-grayscale-dark);
       font-size: 16px;
       font-weight: 400;
-      transform: translateZ(0);
 
       &:last-child {
         font-weight: 300;
@@ -332,6 +331,10 @@
   }
 }
 
+.safariHack {
+  transform: translateZ(0);
+}
+
 .username {
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/components/delegateList/delegateList.js b/src/components/delegateList/delegateList.js
index ffc4601c00..4b5812d672 100644
--- a/src/components/delegateList/delegateList.js
+++ b/src/components/delegateList/delegateList.js
@@ -18,11 +18,18 @@ class DelegateList extends React.Component {
     this.state = {
       activeFilter: voteFilters.all,
       showChangeSummery: false,
+      safariClass: '',
     };
   }
 
   componentDidMount() {
     this.loadVotedDelegates(true);
+    if (navigator.userAgent) {
+      const agent = navigator.userAgent;
+      if (agent.indexOf('Safari') > 0 && agent.indexOf('Chrome') === -1) {
+        this.setState({ safariClass: styles.safariHack });
+      }
+    }
   }
 
   componentWillUpdate(nextProps) {
@@ -135,6 +142,7 @@ class DelegateList extends React.Component {
   getList(filteredList) {
     return filteredList.map(item => (
       <VotingRow key={item.address} data={item}
+        className={this.state.safariClass}
         voteToggled={this.props.voteToggled}
         voteStatus={this.props.votes[item.username]}
       />
diff --git a/src/components/delegateList/votingRow.js b/src/components/delegateList/votingRow.js
index 9ba73b006c..b443d39306 100644
--- a/src/components/delegateList/votingRow.js
+++ b/src/components/delegateList/votingRow.js
@@ -28,8 +28,8 @@ class VotingRow extends React.Component {
   }
 
   render() {
-    const { data, voteStatus, voteToggled } = this.props;
-    return (<ul className={`delegate-row ${styles.row} ${grid.row} ${setRowClass(voteStatus)}`}>
+    const { data, voteStatus, voteToggled, className } = this.props;
+    return (<ul className={`delegate-row ${styles.row} ${grid.row} ${className} ${setRowClass(voteStatus)}`}>
       <li className={`${grid['col-md-1']} ${grid['col-xs-2']} ${styles.leftText}`}>
         <Checkbox styles={styles}
           toggle={voteToggled}