diff --git a/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap b/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
index 2f3a480a3..d172e07de 100644
--- a/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<FetchIndicator /> matches snapshot when fetch is in progress 1`] = `
 <svg
   aria-hidden="true"
-  className="svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg ml-1 text-muted"
+  className="svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg mx-1 text-muted"
   data-icon="circle-notch"
   data-prefix="fas"
   role="img"
@@ -26,7 +26,7 @@ exports[`<FetchIndicator /> matches snapshot when fetch is in progress 1`] = `
 exports[`<FetchIndicator /> matches snapshot when idle 1`] = `
 <svg
   aria-hidden="true"
-  className="svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg ml-1 text-muted"
+  className="svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg mx-1 text-muted"
   data-icon="circle-notch"
   data-prefix="fas"
   role="img"
diff --git a/ui/src/Components/NavBar/FetchIndicator/index.js b/ui/src/Components/NavBar/FetchIndicator/index.js
index 022f29894..b2e2f9a9b 100644
--- a/ui/src/Components/NavBar/FetchIndicator/index.js
+++ b/ui/src/Components/NavBar/FetchIndicator/index.js
@@ -17,7 +17,7 @@ class FetchIndicator extends Component {
     return (
       <FontAwesomeIcon
         style={{ opacity: visible ? 1 : 0 }}
-        className="ml-1 text-muted"
+        className="mx-1 text-muted"
         icon={faCircleNotch}
         size="lg"
         spin
diff --git a/ui/src/Components/NavBar/index.css b/ui/src/Components/NavBar/index.css
index ec3dd90f6..fcce3cd3b 100644
--- a/ui/src/Components/NavBar/index.css
+++ b/ui/src/Components/NavBar/index.css
@@ -1,3 +1,3 @@
 .navbar-brand {
-  min-width: 3.5rem;
+  min-width: 2.5rem;
 }