diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.html b/apps/red-ui/src/app/components/base-screen/base-screen.component.html
index d9d38eca1..027844e04 100644
--- a/apps/red-ui/src/app/components/base-screen/base-screen.component.html
+++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.html
@@ -83,7 +83,7 @@
-
+
diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.scss b/apps/red-ui/src/app/components/base-screen/base-screen.component.scss
index 4627cb9c4..3e5ea00f3 100644
--- a/apps/red-ui/src/app/components/base-screen/base-screen.component.scss
+++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.scss
@@ -1,16 +1,23 @@
@import '../../../assets/styles/red-variables';
@import '../../../assets/styles/red-mixins';
-.dev-mode {
- margin: 0 10px;
- padding: 2px 5px;
- background-color: $primary;
- color: $white;
- font-size: 14px;
- font-weight: 600;
- line-height: 16px;
- height: 16px;
- text-align: center;
+.logo-wrapper {
+ position: relative;
+ margin: 0 20px;
+
+ .dev-mode {
+ margin: 0 10px;
+ padding: 2px 5px;
+ background-color: $primary;
+ color: $white;
+ font-size: 10px;
+ font-weight: 600;
+ line-height: 13px;
+ text-align: center;
+ position: absolute;
+ left: 100%;
+ white-space: nowrap;
+ }
}
.menu-placeholder {
diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss
index 79efa5208..aee7c369e 100644
--- a/apps/red-ui/src/assets/styles/red-page-layout.scss
+++ b/apps/red-ui/src/assets/styles/red-page-layout.scss
@@ -311,6 +311,7 @@ section.settings {
font-weight: 800;
letter-spacing: 0;
line-height: 20px;
+ white-space: nowrap;
}
.menu {