4 files changed, 7 insertions, 4 deletions

diff --git a/src/App.js b/src/App.js
index 0895668..3832de1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,14 +1,13 @@
 import React from 'react';
 import { Card } from './components/Card';
 import './style.css';
+import logo from '../src/images/wifi.png';
 
 function App() {
   return (
     <div className="App">
       <h1>
-        <span role="img" aria-label="antenna-bars">
-          📶
-        </span>
+        <img alt="icon" src={logo} width="32" height="32" />
         &nbsp; WiFi Card
       </h1>
 
diff --git a/src/components/Card.js b/src/components/Card.js
index 98c5f6b..0011ca8 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -160,7 +160,7 @@ export const Card = () => {
             </div>
           </div>
         </div>
-
+        <hr />
         <p>
           <span role="img" aria-label="mobile-phone">
             📸📱
diff --git a/src/components/style.css b/src/components/style.css
index 5ce3d34..b874a57 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -65,3 +65,7 @@ button#rotate {
     top: 0;
   }
 }
+
+hr {
+  margin-top: 25px;
+}
diff --git a/src/images/wifi.png b/src/images/wifi.png
new file mode 100644
index 0000000..6cef0c8
--- /dev/null
+++ b/src/images/wifi.png