diff --git a/ui/app/styles/components.scss b/ui/app/styles/components.scss
index 6b28b0da2..031f1b886 100644
--- a/ui/app/styles/components.scss
+++ b/ui/app/styles/components.scss
@@ -21,5 +21,6 @@
 @import './components/simple-list';
 @import './components/status-text';
 @import './components/timeline';
+@import './components/toolbar';
 @import './components/tooltip';
 @import './components/two-step-button';
diff --git a/ui/app/styles/components/toolbar.scss b/ui/app/styles/components/toolbar.scss
new file mode 100644
index 000000000..3b22b3341
--- /dev/null
+++ b/ui/app/styles/components/toolbar.scss
@@ -0,0 +1,31 @@
+$spacing: 1.5em;
+
+.toolbar {
+  display: flex;
+  margin-bottom: $spacing / 2;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-left: -$spacing / 4;
+  margin-right: -$spacing / 4;
+
+  .toolbar-item {
+    margin-bottom: $spacing / 2;
+    padding-left: $spacing / 4;
+    padding-right: $spacing / 4;
+    align-self: center;
+    flex-grow: 1;
+
+    &.is-right-aligned {
+      flex-grow: 0;
+      margin-left: auto;
+    }
+
+    &.is-mobile-full-width {
+      @include mobile {
+        flex-grow: 1;
+        margin-left: 0;
+        width: 100%;
+      }
+    }
+  }
+}