Change styling var to a boolean

badges · Jan 10, 2019 · 9cc1d9c · 9cc1d9c
1 parent 4617564
commit 9cc1d9c
Showing 1 changed file with 4 additions and 5 deletions.
diff --git 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>