update locc css

microsoft · Apr 3, 2023 · 28dae15 · 28dae15
1 parent eb6cc62
commit 28dae15
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/web-components/src/compound-button/compound-button.styles.ts b/packages/web-components/src/compound-button/compound-button.styles.ts
@@ -28,17 +28,16 @@ export const styles = css`
     gap: 12px;
     height: auto;
     padding-top: 14px;
-    padding-inline-end: 12px;
+    padding-inline: 12px;
     padding-bottom: 16px;
-    padding-inline-start: 12px;
     font-size: ${fontSizeBase300};
     line-height: ${lineHeightBase300};
   }
 
   .content {
     display: flex;
     flex-direction: column;
-    text-align: left;
+    text-align: start;
   }
 
   ::slotted([slot='description']) {
@@ -111,9 +110,8 @@ export const styles = css`
 
   :host([size='large']) .control {
     padding-top: 18px;
-    padding-inline-end: 16px;
+    padding-inline: 16px;
     padding-bottom: 20px;
-    padding-inline-start: 16px;
     font-size: ${fontSizeBase400};
     line-height: ${lineHeightBase400};
   }