diff --git a/components/lib/speeddial/style/SpeedDialStyle.js b/components/lib/speeddial/style/SpeedDialStyle.js
index 3327cfc07..c27ac5603 100644
--- a/components/lib/speeddial/style/SpeedDialStyle.js
+++ b/components/lib/speeddial/style/SpeedDialStyle.js
@@ -84,8 +84,8 @@ const css = `
 /* Direction */
 const inlineStyles = {
     root: ({ props }) => ({
-        alignItems: props.direction === 'up' || props.direction === 'down' ? 'center' : '',
-        justifyContent: props.direction === 'left' || props.direction === 'right' ? 'center' : '',
+        alignItems: (props.direction === 'up' || props.direction === 'down') && 'center',
+        justifyContent: (props.direction === 'left' || props.direction === 'right') && 'center',
         flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
     }),
     menu: ({ props }) => ({