diff --git a/scss/components/_wrapper.scss b/scss/components/_wrapper.scss
index 028d2ca7..ef4d8ba3 100644
--- a/scss/components/_wrapper.scss
+++ b/scss/components/_wrapper.scss
@@ -20,4 +20,8 @@
     &--xl {
         padding: px2rem(50px);
     }
+
+    &--none {
+        padding: 0;
+    }
 }
diff --git a/src/renderers/Wrapper.tsx b/src/renderers/Wrapper.tsx
index 9e4fe590..4503fad6 100644
--- a/src/renderers/Wrapper.tsx
+++ b/src/renderers/Wrapper.tsx
@@ -33,7 +33,7 @@ export default class Wrapper extends React.Component<WrapperProps, object> {
 
         return (
             <div
-                className={cx('Wrapper', size && size !== 'none' ? `Wrapper${size ? `--${size}` : ''}` : '', className)}
+                className={cx('Wrapper', size ? `Wrapper--${size}` : '', className)}
             >
                 {this.renderBody()}
             </div>