From 140c562519ed9173d53d3fea06cb08ca867b1ea3 Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Tue, 16 Jun 2020 00:00:47 -0400
Subject: [PATCH] fix secondary toolbar styling

---
 extensions/default/src/ViewerLayout/index.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/extensions/default/src/ViewerLayout/index.jsx b/extensions/default/src/ViewerLayout/index.jsx
index 8e410b262..730ee515b 100644
--- a/extensions/default/src/ViewerLayout/index.jsx
+++ b/extensions/default/src/ViewerLayout/index.jsx
@@ -118,11 +118,13 @@ function ViewerLayout({
         {/* TOOLBAR + GRID */}
         <div className="flex flex-col flex-1 h-full">
           <div className="flex h-12 border-b border-transparent flex-2 w-100">
-            {toolbars.secondary.map(toolDef => {
-              const { id, Component, componentProps } = toolDef;
+            <div className="flex items-center w-full px-3 bg-primary-dark">
+              {toolbars.secondary.map(toolDef => {
+                const { id, Component, componentProps } = toolDef;
 
-              return <Component key={id} id={id} {...componentProps} />;
-            })}
+                return <Component key={id} id={id} {...componentProps} />;
+              })}
+            </div>
           </div>
           <div className="flex items-center justify-center flex-1 h-full pt-1 pb-2 overflow-hidden bg-black">
             <ViewportGridComp