4 files changed, 23 insertions, 4 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx
index 61284d81a..cd000e76a 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawer.tsx
@@ -135,6 +135,7 @@ class WorkspaceDrawer extends Component<IProps> {
         <div className={classes.workspaces}>
           <WorkspaceDrawerItem
             name={intl.formatMessage(messages.allServices)}
+            icon="*"
             onClick={() => {
               workspaceActions.deactivate();
               workspaceActions.toggleWorkspaceDrawer();
@@ -147,6 +148,7 @@ class WorkspaceDrawer extends Component<IProps> {
             <WorkspaceDrawerItem
               key={workspace.id}
               name={workspace.name}
+              icon={(workspace.name || ' ').slice(0, 1)}
               isActive={actualWorkspace === workspace}
               onClick={() => {
                 if (actualWorkspace === workspace) {
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
index cf8c3b2ba..1a3237c35 100644
--- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
@@ -45,6 +45,14 @@ const styles = theme => ({
       backgroundColor: theme.workspaces.drawer.listItem.activeBackground,
     },
   },
+  icon: {
+    fontSize: 'x-large',
+    borderColor: 'red',
+    borderStyle: 'double',
+    borderWidth: 'medium',
+    padding: '0 6px',
+    marginRight: '6px',
+  },
   name: {
     marginTop: '4px',
     color: theme.workspaces.drawer.listItem.name.color,
@@ -70,6 +78,7 @@ const styles = theme => ({
 interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps {
   isActive: boolean;
   name: string;
+  icon: string;
   onClick: MouseEventHandler<HTMLInputElement>;
   services: string[];
   onContextMenuEditClick?: () => void | null;
@@ -83,6 +92,7 @@ class WorkspaceDrawerItem extends Component<IProps> {
       classes,
       isActive,
       name,
+      icon,
       onClick,
       onContextMenuEditClick = null,
       services,
@@ -126,6 +136,14 @@ class WorkspaceDrawerItem extends Component<IProps> {
       >
         <span
           className={classnames([
+            classes.icon,
+            isActive ? classes.activeName : null,
+          ])}
+        >
+          {icon}
+        </span>
+        <span
+          className={classnames([
             classes.name,
             isActive ? classes.activeName : null,
           ])}
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index 21a5e76ce..a0081c03d 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -54,7 +54,7 @@
     }
   }
 
-  &.is-label-enabled{
+  &.is-label-enabled {
     height: min-content;
     overflow: hidden;
     padding-top: 8px;
@@ -149,7 +149,7 @@
     z-index: 99999;
   }
 
-  .tab-item__error-icon{
+  .tab-item__error-icon {
     font-size: 1.9em;
     color: red;
     position: absolute;
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss
index dd2ae4ed1..3f67e47e8 100644
--- a/src/styles/vertical.scss
+++ b/src/styles/vertical.scss
@@ -32,7 +32,6 @@ $tabitem-bias: 30px;
     flex-direction: row;
 
     .tab-item {
-
       &.is-active {
         border-left-width: 0px !important;
         border-top-width: 4px;
@@ -61,7 +60,7 @@ $tabitem-bias: 30px;
       }
     }
   }
-  div{
+  div {
     overflow: hidden !important;
   }