Remove calc usage from SchemaItem styles

Signed-off-by: Miki <miki@amazon.com>
AMoo-Miki · Aug 24, 2023 · 450f767 · 450f767
1 parent 309e146
commit 450f767
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -21,6 +21,7 @@
 ### 🐛 Bug Fixes
 
 - Fix blurry text in breadcrumbs by avoiding skewing text ([#959](https://github.com/opensearch-project/oui/pull/959))
+- Remove `calc` usage from SchemaItem styles ([#990](https://github.com/opensearch-project/oui/pull/990))
 
 ### 🚞 Infrastructure
 

diff --git a/src/components/schema/_schema_item.scss b/src/components/schema/_schema_item.scss
@@ -29,12 +29,12 @@
 
 .ouiSchemaItem__icon {
   align-self: flex-start;
-  margin: calc($ouiSize / 2) 0; // To align with buttonIcon
+  margin: ($ouiSize / 2) 0; // To align with buttonIcon
 }
 
 .ouiSchemaItem__label {
   flex: 1;
-  margin: calc($ouiSize / 2) 0; // To align with buttonIcon
+  margin: ($ouiSize / 2) 0; // To align with buttonIcon
 }
 
 .ouiSchemaItem__actions {
@@ -68,12 +68,12 @@
   font-size: $ouiFontSizeXS;
 
   .ouiSchemaItem__icon {
-    margin: calc($ouiSizeM / 2) 0;
+    margin: ($ouiSizeM / 2) 0;
     margin-left: $ouiSizeXS;
   }
 
   .ouiSchemaItem__label {
     flex: 1;
-    margin: calc($ouiSizeM / 2) 0;
+    margin: ($ouiSizeM / 2) 0;
   }
 }