1 files changed, 22 insertions, 0 deletions
diff --git a/browser/components/pocket/content/panels/js/components/Header/Header.scss b/browser/components/pocket/content/panels/js/components/Header/Header.scss
new file mode 100644
index 0000000000..f6e4eca9d5
--- /dev/null
+++ b/browser/components/pocket/content/panels/js/components/Header/Header.scss
@@ -0,0 +1,22 @@
+.stp_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 16px 0 12px;
+  font-weight: 600;
+
+  .stp_header_logo {
+    background: url(../img/pocketlogo.svg) bottom center no-repeat;
+    background-size: contain;
+    height: 32px;
+    width: 121px;
+
+    @include theme_dark {
+      background-image: url(../img/pocketlogo-dark.svg);
+    }
+  }
+
+  .stp_button {
+    margin: 0;
+  }
+}