diff --git a/src/ui/component/channelTile/view.jsx b/src/ui/component/channelTile/view.jsx
index 14c616f2d..fcc1317ef 100644
--- a/src/ui/component/channelTile/view.jsx
+++ b/src/ui/component/channelTile/view.jsx
@@ -50,21 +50,21 @@ class ChannelTile extends React.PureComponent<Props> {
     return (
       <section
         onClick={onClick}
-        role='button'
+        role="button"
         className={classnames('media-tile card--link', {
           'media-tile--small': size === 'small',
           'media-tile--large': size === 'large',
         })}
       >
         <CardMedia title={channelName} thumbnail={null} />
-        <div className='media__info'>
-          {isResolvingUri && <div className='media__title'>{__('Loading...')}</div>}
+        <div className="media__info">
+          {isResolvingUri && <div className="media__title">{__('Loading...')}</div>}
           {!isResolvingUri && (
             <React.Fragment>
-              <div className='media__title'>
+              <div className="media__title">
                 <TruncatedText text={channelName || uri} lines={1} />
               </div>
-              <div className='media__subtitle'>
+              <div className="media__subtitle">
                 {totalItems > 0 && (
                   <span>
                     {totalItems} {totalItems === 1 ? 'publish' : 'publishes'}
@@ -75,8 +75,8 @@ class ChannelTile extends React.PureComponent<Props> {
             </React.Fragment>
           )}
           {subscriptionUri && (
-            <div className='media__actions'>
-              <SubscribeButton buttonStyle='inverse' uri={subscriptionUri} />
+            <div className="media__actions">
+              <SubscribeButton buttonStyle="inverse" uri={subscriptionUri} />
             </div>
           )}
         </div>
diff --git a/src/ui/component/walletBalance/view.jsx b/src/ui/component/walletBalance/view.jsx
index fc536d87f..fabc90fdb 100644
--- a/src/ui/component/walletBalance/view.jsx
+++ b/src/ui/component/walletBalance/view.jsx
@@ -11,14 +11,14 @@ const WalletBalance = (props: Props) => {
   const { balance } = props;
   return (
     <section
-      className='card card--section card--wallet-balance'
+      className="card card--section card--wallet-balance"
       style={{ backgroundImage: `url(${BalanceBackground})` }}
     >
-      <header className='card__header'>
-        <h2 className='card__title'>{__('Balance')}</h2>
-        <p className='card__subtitle'>{__('You currently have')}</p>
+      <header className="card__header">
+        <h2 className="card__title">{__('Balance')}</h2>
+        <p className="card__subtitle">{__('You currently have')}</p>
       </header>
-      <div className='card__content'>
+      <div className="card__content">
         {(balance || balance === 0) && (
           <CreditAmount large badge={false} amount={balance} precision={8} />
         )}
diff --git a/src/ui/page/channel/view.jsx b/src/ui/page/channel/view.jsx
index 004e718cc..ab57589ef 100644
--- a/src/ui/page/channel/view.jsx
+++ b/src/ui/page/channel/view.jsx
@@ -80,21 +80,21 @@ class ChannelPage extends React.PureComponent<Props> {
       claimsInChannel && claimsInChannel.length ? (
         <FileList sortByHeight hideFilter fileInfos={claimsInChannel} />
       ) : (
-        !fetching && <span className='empty'>{__('No content found.')}</span>
+        !fetching && <span className="empty">{__('No content found.')}</span>
       );
 
     return (
       <Page notContained>
-        <header className='channel-info'>
-          <h1 className='media__title media__title--large'>
+        <header className="channel-info">
+          <h1 className="media__title media__title--large">
             {name}
             {fetching && <BusyIndicator />}
           </h1>
 
-          <div className='channel-info__actions__group'>
+          <div className="channel-info__actions__group">
             <SubscribeButton uri={`lbry://${permanentUrl}`} channelName={name} />
             <Button
-              button='alt'
+              button="alt"
               icon={icons.SHARE}
               label={__('Share Channel')}
               onClick={() =>
@@ -104,42 +104,42 @@ class ChannelPage extends React.PureComponent<Props> {
           </div>
         </header>
 
-        <section className='media-group--list'>{contentList}</section>
+        <section className="media-group--list">{contentList}</section>
 
         {(!fetching || (claimsInChannel && claimsInChannel.length)) && totalPages > 1 && (
           <Form>
-            <fieldset-group class='fieldset-group--smushed fieldgroup--paginate'>
+            <fieldset-group class="fieldset-group--smushed fieldgroup--paginate">
               <fieldset-section>
                 <ReactPaginate
                   pageCount={totalPages}
                   pageRangeDisplayed={2}
-                  previousLabel='‹'
-                  nextLabel='›'
-                  activeClassName='pagination__item--selected'
-                  pageClassName='pagination__item'
-                  previousClassName='pagination__item pagination__item--previous'
-                  nextClassName='pagination__item pagination__item--next'
-                  breakClassName='pagination__item pagination__item--break'
+                  previousLabel="‹"
+                  nextLabel="›"
+                  activeClassName="pagination__item--selected"
+                  pageClassName="pagination__item"
+                  previousClassName="pagination__item pagination__item--previous"
+                  nextClassName="pagination__item pagination__item--next"
+                  breakClassName="pagination__item pagination__item--break"
                   marginPagesDisplayed={2}
                   onPageChange={e => this.changePage(e.selected + 1)}
                   forcePage={currentPage}
                   initialPage={currentPage}
-                  containerClassName='pagination'
+                  containerClassName="pagination"
                 />
               </fieldset-section>
 
               <FormField
-                className='paginate-channel'
+                className="paginate-channel"
                 onKeyUp={e => this.paginate(e, totalPages)}
                 label={__('Go to page:')}
-                type='text'
-                name='paginate-file'
+                type="text"
+                name="paginate-file"
               />
             </fieldset-group>
           </Form>
         )}
 
-        {!channelIsMine && <HiddenNsfwClaims className='card__content help' uri={uri} />}
+        {!channelIsMine && <HiddenNsfwClaims className="card__content help" uri={uri} />}
       </Page>
     );
   }