diff --git a/frontend/src/metabase/visualizations/visualizations/SmartScalar.jsx b/frontend/src/metabase/visualizations/visualizations/SmartScalar.jsx
index 902fb4aa67f85ea7cef8710e288b8171393942d3..b5895a0533dd1792f9cd42dfbb9d78cc0d3c75cb 100644
--- a/frontend/src/metabase/visualizations/visualizations/SmartScalar.jsx
+++ b/frontend/src/metabase/visualizations/visualizations/SmartScalar.jsx
@@ -185,7 +185,11 @@ export default class Smart extends React.Component {
           ) : (
             <Flex align="center" mt={1} flexWrap="wrap">
               <Flex align="center" color={changeColor}>
-                <Icon name={isNegative ? "arrow_down" : "arrow_up"} />
+                <Icon
+                  size={13}
+                  pr={1}
+                  name={isNegative ? "arrow_down" : "arrow_up"}
+                />
                 {changeDisplay}
               </Flex>
               <h4