Merge branch 'master' into ink-gfx-victor

2 files changed, 9 insertions, 6 deletions

diff --git a/src/client/views/topbar/TopBar.scss b/src/client/views/topbar/TopBar.scss
index ebdf030e7..2ecbb536b 100644
--- a/src/client/views/topbar/TopBar.scss
+++ b/src/client/views/topbar/TopBar.scss
@@ -23,6 +23,7 @@
         .topBar-icon {
             cursor: pointer;
             font-size: 12px;
+            font-family: 'Roboto';
             width: fit-content;
             display: flex;
             justify-content: center;
@@ -49,12 +50,15 @@
             align-items: center;
             gap: 5px;
 
+            .topbar-dashboards {
+                display: flex;
+                flex-direction: row;
+            }
+
             .topbar-lozenge-dashboard {
                 display: flex;
 
-                .topbar-dashboards {
-                    display: inline-flex;
-                }
+                    
 
                 .topbar-dashSelect {
                     border: none;
@@ -87,11 +91,11 @@
             font-family: 'Roboto';
             position: relative;
             display: flex;
-            width: 450;
+            width: fit-content;
             gap: 5px;
 
             .topBar-icon:hover {
-                background-color: $logout-red;
+                background-color: $close-red;
             }
 
             .topbar-lozenge-user,
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx
index bd9935333..05edb975c 100644
--- a/src/client/views/topbar/TopBar.tsx
+++ b/src/client/views/topbar/TopBar.tsx
@@ -12,7 +12,6 @@ import { Borders, Colors } from "../global/globalEnums";
 import "./TopBar.scss";
 
 /**
- * REACT TYPE: FUNCTIONAL
  * ABOUT: This is the topbar in Dash, which included the current Dashboard as well as access to information on the user
  * and settings and help buttons. Future scope for this bar is to include the collaborators that are on the same Dashboard. 
  */