cleanup & minor style adaption

2 files changed, 5 insertions, 7 deletions

diff --git a/src/components/services/content/ServiceWebview.js b/src/components/services/content/ServiceWebview.js
index 7e33d694c..3ee3155be 100644
--- a/src/components/services/content/ServiceWebview.js
+++ b/src/components/services/content/ServiceWebview.js
@@ -64,7 +64,7 @@ export default class ServiceWebview extends Component {
     let statusBar = null;
     if (this.state.statusBarVisible) {
       statusBar = (
-        <StatusBarTargetUrl position="bottom" text={this.state.targetUrl} />
+        <StatusBarTargetUrl text={this.state.targetUrl} />
       );
     }
 
diff --git a/src/components/ui/StatusBarTargetUrl.js b/src/components/ui/StatusBarTargetUrl.js
index 1c8dce0f7..b7b198f42 100644
--- a/src/components/ui/StatusBarTargetUrl.js
+++ b/src/components/ui/StatusBarTargetUrl.js
@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
 import classnames from 'classnames';
 
+import Appear from '../ui/effects/Appear';
+
 @observer
 export default class StatusBarTargetUrl extends Component {
   static propTypes = {
-    // eslint-disable-next-line
     className: PropTypes.string,
-    position: PropTypes.string,
     text: PropTypes.string,
   };
 
@@ -21,22 +21,20 @@ export default class StatusBarTargetUrl extends Component {
   render() {
     const {
       className,
-      position,
       text,
     } = this.props;
 
     return (
-      <div
+      <Appear
         className={classnames({
           'status-bar-target-url': true,
-          [`status-bar-target-url--${position}`]: true,
           [`${className}`]: true,
         })}
       >
         <div className="status-bar-target-url__content">
           {text}
         </div>
-      </div>
+      </Appear>
     );
   }
 }