From f3a3ed8682704f1bd272572b92d4224e8016ba19 Mon Sep 17 00:00:00 2001
From: Maja Komel <maja.komel@gmail.com>
Date: Fri, 6 Aug 2021 15:03:48 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20scoped=20attribute=20to=20?=
 =?UTF-8?q?HdButton=20styles=20=20(#797)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/buttons/HdButton.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/buttons/HdButton.vue b/src/components/buttons/HdButton.vue
index 2821b7f9e..43691a452 100644
--- a/src/components/buttons/HdButton.vue
+++ b/src/components/buttons/HdButton.vue
@@ -105,12 +105,10 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import 'homeday-blocks/src/styles/_variables.scss';
 
 .btn {
-  $root: &;
-
   &--icon-button {
     padding: $sp-s;
   }
@@ -120,13 +118,13 @@ export default {
     height: 24px;
     margin-right: $sp-xs;
 
-    #{$root}--icon-button & {
+    .btn--icon-button & {
       width: 28px;
       height: 28px;
       margin-right: 0;
     }
 
-    path {
+    ::v-deep path {
       fill: currentColor;
     }
   }