diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.scss b/src/components/Table/hoc/withTableSelection/withTableSelection.scss
index 961552b3ee..c778ce784b 100644
--- a/src/components/Table/hoc/withTableSelection/withTableSelection.scss
+++ b/src/components/Table/hoc/withTableSelection/withTableSelection.scss
@@ -17,7 +17,7 @@
         left: 0;
         right: 0;
 
-        &_verticalAlign_top {
+        &_vertical-align_top {
             align-items: start;
         }
     }
diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.tsx b/src/components/Table/hoc/withTableSelection/withTableSelection.tsx
index 5eb44b2eeb..2cce5bb006 100644
--- a/src/components/Table/hoc/withTableSelection/withTableSelection.tsx
+++ b/src/components/Table/hoc/withTableSelection/withTableSelection.tsx
@@ -103,7 +103,9 @@ export function withTableSelection<I extends TableDataItem, E extends {} = {}>(
                     checked={checked}
                     disabled={disabled}
                     onChange={handler}
-                    className={b('selection-checkbox', {verticalAlign: this.props.verticalAlign})}
+                    className={b('selection-checkbox', {
+                        'vertical-align': this.props.verticalAlign,
+                    })}
                 />
             );
         }