diff --git a/src/sections/footer/Footer.js b/src/sections/footer/Footer.js
index 9be5058..89823c3 100644
--- a/src/sections/footer/Footer.js
+++ b/src/sections/footer/Footer.js
@@ -4,9 +4,9 @@ import './footer.scss';
 
 export default ({device, card}) => {
     return <div className="footer">
-        <span className="reader">{device?device.name:''}</span>
-        <span className="atr" title="ATR (Answer To Reset)">{card?card:''}</span>
         <Status name="device-status" status={device?'activated':'deactivated'} title={device?'Device activated':'Device deactivated'} />
         <Status name="card-status" status={card?'inserted':'removed'} title={card?'Card inserted':'Card removed'} />
+        <span className="reader">{device?device.name:''}</span>
+        <span className="atr" title="ATR (Answer To Reset)">{card?card:''}</span>
     </div>
 };
diff --git a/src/sections/footer/status/status.scss b/src/sections/footer/status/status.scss
index b4e47fa..71b5e01 100644
--- a/src/sections/footer/status/status.scss
+++ b/src/sections/footer/status/status.scss
@@ -5,7 +5,7 @@
 
   display: inline-block;
   border-radius: 50%;
-  margin-left: .5rem;
+  margin-right: .5rem;
   width: 1rem;
   height: 1rem;
   vertical-align: text-top;