3 files changed, 20 insertions, 0 deletions

diff --git a/src/styles/infobox.scss b/src/styles/infobox.scss
index ad363314d..7ab094058 100644
--- a/src/styles/infobox.scss
+++ b/src/styles/infobox.scss
@@ -31,6 +31,11 @@
     color: #FFF;
   }
 
+  &.infobox--warning {
+    background: $theme-brand-warning;
+    color: #FFF;
+  }
+
   .mdi {
     margin-right: 10px;
   }
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 8afc86f98..0a082729c 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -20,6 +20,7 @@ $mdi-font-path: '../node_modules/mdi/fonts';
 @import './auth.scss';
 @import './tooltip.scss';
 @import './info-bar.scss';
+@import './status-bar-target-url.scss';
 @import './animations.scss';
 @import './infobox.scss';
 @import './badge.scss';
diff --git a/src/styles/status-bar-target-url.scss b/src/styles/status-bar-target-url.scss
new file mode 100644
index 000000000..bc7438be9
--- /dev/null
+++ b/src/styles/status-bar-target-url.scss
@@ -0,0 +1,14 @@
+@import './config.scss';
+
+.status-bar-target-url {
+  height: auto;
+  background: $theme-gray-lighter;
+  padding: 4px;
+  position: absolute;
+  box-shadow: 0 0 8px rgba(black, 0.2);
+  font-size: 12px;
+  color: $theme-gray-dark;
+  bottom: 0;
+  right: 0;
+  border-top-left-radius: 5px;
+}