From 648bf1941cee4a970965a534667e77ddb2536af9 Mon Sep 17 00:00:00 2001
From: rachelbt <rachelbt@users.noreply.github.com>
Date: Wed, 15 Jun 2022 11:31:34 +0300
Subject: [PATCH] fix(style): move from rem to px (#1316)

---
 components/button/src/vwc-button.scss                   | 4 ++--
 components/expansion-panel/src/vwc-expansion-panel.scss | 2 +-
 components/popup/src/vwc-popup.scss                     | 4 ++--
 components/tooltip/src/vwc-tooltip.scss                 | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/button/src/vwc-button.scss b/components/button/src/vwc-button.scss
index 0bbc17efa..feb843ca1 100644
--- a/components/button/src/vwc-button.scss
+++ b/components/button/src/vwc-button.scss
@@ -132,12 +132,12 @@
 
 		> .leading-icon vwc-icon,
 		.leading-icon ::slotted(*) {
-			margin-block-end: 0.5rem;
+			margin-block-end: 8px;
 		}
 
 		> .trailing-icon vwc-icon,
 		.trailing-icon ::slotted(*) {
-			margin-block-start: 0.5rem;
+			margin-block-start: 8px;
 		}
 
 		.trailing-icon ::slotted(*),
diff --git a/components/expansion-panel/src/vwc-expansion-panel.scss b/components/expansion-panel/src/vwc-expansion-panel.scss
index 121a703b7..59b207cac 100644
--- a/components/expansion-panel/src/vwc-expansion-panel.scss
+++ b/components/expansion-panel/src/vwc-expansion-panel.scss
@@ -62,7 +62,7 @@
 		max-width: 20%;
 		flex-shrink: 0;
 		color: var(--vvd-color-neutral-70);
-		margin-inline-start: 1rem;
+		margin-inline-start: 16px;
 		text-align: end;
 		text-overflow: ellipsis;
 		white-space: nowrap;
diff --git a/components/popup/src/vwc-popup.scss b/components/popup/src/vwc-popup.scss
index 526a24d4c..6319dcfb5 100644
--- a/components/popup/src/vwc-popup.scss
+++ b/components/popup/src/vwc-popup.scss
@@ -42,7 +42,7 @@
 
 	&-dismissible-button {
 		align-self: flex-start;
-		margin-block-start: 0.25rem;
-		margin-inline-end: 0.25rem;
+		margin-block-start: 4px;
+		margin-inline-end: 4px;
 	}
 }
diff --git a/components/tooltip/src/vwc-tooltip.scss b/components/tooltip/src/vwc-tooltip.scss
index d1e42ae71..d9df30f13 100644
--- a/components/tooltip/src/vwc-tooltip.scss
+++ b/components/tooltip/src/vwc-tooltip.scss
@@ -7,7 +7,7 @@
 
 	&-title {
 		@include typography.typography-cat-shorthand('body-2-bold');
-		padding: 0.5rem 0.75rem;
+		padding: 8px 12px;
 		color: var(#{scheme-variables.$vvd-color-primary});
 	}
 }