Make sort icon for table column headers remain on the same line as the text

Change-type: patch
Signed-off-by: Matthew Yarmolinsky <[email protected]>

Author: myarmolinsky

src/components/Table/TableBase.tsx

@@ -130,10 +130,6 @@ const Base = styled.div<InternalTableBaseProps>`
 	}
 `;
 
-const HeaderButton = styled(Button)`
-	display: block;
-`;
-
 type CheckedTypes = 'none' | 'some' | 'all';
 
 interface TableBaseState<T> {
@@ -580,7 +576,7 @@ export class TableBase<T> extends React.Component<
 												data-display="table-cell"
 												key={item.key || (item.field as string)}
 											>
-												<HeaderButton
+												<Button
 													data-field={item.field}
 													plain
 													primary={sort.field === item.field}
@@ -596,7 +592,7 @@ export class TableBase<T> extends React.Component<
 																: ''
 														}
 													/>
-												</HeaderButton>
+												</Button>
 											</div>
 										);
 									}