From 9cc1d9c6dd5d750253e408d0c95c0752fbf15df7 Mon Sep 17 00:00:00 2001
From: Paul Melnikow <email@paulmelnikow.com>
Date: Thu, 10 Jan 2019 14:33:27 -0500
Subject: [PATCH] Change styling var to a boolean

---
 frontend/components/markup-modal/path-builder.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/components/markup-modal/path-builder.js b/frontend/components/markup-modal/path-builder.js
index 8ad80ce7afc64..b4fa7e8257007 100644
--- a/frontend/components/markup-modal/path-builder.js
+++ b/frontend/components/markup-modal/path-builder.js
@@ -19,11 +19,10 @@ const PathBuilderColumn = styled.span`
 
   margin: 5px 0;
 
-  ${({ horizPadding }) =>
-    horizPadding &&
+  ${({ withHorizPadding }) =>
+    withHorizPadding &&
     css`
-      padding-left: ${horizPadding};
-      padding-right: ${horizPadding};
+      padding: 0 8px;
     `};
 `
 
@@ -148,7 +147,7 @@ export default class PathBuilder extends React.Component {
     return (
       <React.Fragment key={token.name}>
         {this.renderLiteral(delimiter, tokenIndex)}
-        <PathBuilderColumn horizPadding="8px">
+        <PathBuilderColumn withHorizPadding>
           <NamedParamLabel htmlFor={name}>
             {humanizeString(name)}
           </NamedParamLabel>