diff --git a/src/renderer/components/ft-profile-selector/ft-profile-selector.css b/src/renderer/components/ft-profile-selector/ft-profile-selector.css
index 74e38c8a..6d5add61 100644
--- a/src/renderer/components/ft-profile-selector/ft-profile-selector.css
+++ b/src/renderer/components/ft-profile-selector/ft-profile-selector.css
@@ -1,17 +1,22 @@
 .colorOption {
   width: 40px;
   height: 40px;
-  margin: 10px;
   cursor: pointer;
+  align-items: center;
+  display: flex;
+  justify-content: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
 }
 
+.colorOption:hover {
+  box-shadow: 0 0 0 2px var(--side-nav-hover-color);
+}
+
 .initial {
   font-size: 20px;
   line-height: 1em;
   text-align: center;
-  padding: 10px 0;
 }
 
 #profileList {
@@ -57,6 +62,7 @@
   float: left;
   position: relative;
   bottom: 5px;
+  margin: 10px;
 }
 
 .profileName {
diff --git a/src/renderer/components/top-nav/top-nav.sass b/src/renderer/components/top-nav/top-nav.sass
index b926d722..0481ac5e 100644
--- a/src/renderer/components/top-nav/top-nav.sass
+++ b/src/renderer/components/top-nav/top-nav.sass
@@ -74,6 +74,8 @@
 
 .side // parts of the top nav either side of the search bar
   display: flex
+  gap: 3px
+  margin: 0 6px
   align-items: center
 
   &.profiles