From 5aaeffe680d53227bb632005f73ae49c253f571e Mon Sep 17 00:00:00 2001
From: animehart <rickyangwyn@gmail.com>
Date: Wed, 24 Jan 2024 04:23:11 -0800
Subject: [PATCH] ui update

---
 .../public/pages/rules/rules_table.tsx                   | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx
index db9e766d0bd704..b792ab851fa748 100644
--- a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx
+++ b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx
@@ -5,7 +5,6 @@
  * 2.0.
  */
 import React, { useEffect, useMemo, useState } from 'react';
-import { css } from '@emotion/react';
 import {
   Criteria,
   EuiButtonEmpty,
@@ -222,7 +221,7 @@ const getColumns = ({
     name: i18n.translate('xpack.csp.rules.rulesTable.ruleNumberColumnLabel', {
       defaultMessage: 'Rule Number',
     }),
-    width: '15%',
+    width: '100px',
     sortable: true,
   },
   {
@@ -258,7 +257,8 @@ const getColumns = ({
     name: i18n.translate('xpack.csp.rules.rulesTable.mutedColumnLabel', {
       defaultMessage: 'Enabled',
     }),
-    width: '65px',
+    align: 'right',
+    width: '100px',
     truncateText: true,
     render: (name, rule: CspBenchmarkRulesWithStates) => {
       const rulesObjectRequest = {
@@ -287,9 +287,6 @@ const getColumns = ({
               data-test-subj={RULES_ROWS_ENABLE_SWITCH_BUTTON}
               label=""
               compressed={true}
-              css={css`
-                padding-left: 18px;
-              `}
             />
           </EuiFlexItem>
         </EuiFlexGroup>