Finish rack mode machine list rendering

1 files changed, 7 insertions, 7 deletions

diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
index 5234ee63..1ca13b67 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -2,13 +2,13 @@ import React from "react";
 import FontAwesome from "react-fontawesome";
 
 const EmptySlotComponent = ({position, onAdd}) => (
-    <li className="list-group-item justify-content-between">
-        <span className="badge badge-default badge-info">
-            {position}
-        </span>
-        Add machine
-        <button className="btn btn-secondary" onClick={onAdd}>
-            <FontAwesome name="plus"/>
+    <li className="list-group-item d-flex justify-content-between align-items-center">
+            <span className="badge badge-default badge-info mr-1">
+                {position}
+            </span>
+        <button className="btn btn-outline-primary" onClick={onAdd}>
+            <FontAwesome name="plus" className="mr-1"/>
+            Add machine
         </button>
     </li>
 );