From 1069232b8bcc1c4f01a1a4217445294b57a3c6d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vebj=C3=B8rn=20Elvekrok?=
 <33326578+Bestem0r@users.noreply.github.com>
Date: Mon, 23 Sep 2024 11:45:43 +0100
Subject: [PATCH] Fix button styling in bricks (#4975)

* Fix button styling in bricks

* Reformat with prettier

* Replace global css
---
 app/components/Header/Header.css                             | 1 +
 app/components/Header/Navbar/Navbar.css                      | 5 +++++
 packages/lego-bricks/package.json                            | 2 +-
 packages/lego-bricks/src/components/Button/Button.module.css | 1 +
 packages/lego-bricks/src/components/Icon/Icon.module.css     | 2 ++
 5 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/components/Header/Header.css b/app/components/Header/Header.css
index 331f487329..010104ebde 100644
--- a/app/components/Header/Header.css
+++ b/app/components/Header/Header.css
@@ -50,6 +50,7 @@
 
 .buttonGroup button,
 .buttonGroup img {
+  background-color: transparent;
   border: 0;
   color: var(--lego-font-color);
   cursor: pointer;
diff --git a/app/components/Header/Navbar/Navbar.css b/app/components/Header/Navbar/Navbar.css
index 66f54dc6fd..c844fc8e1b 100644
--- a/app/components/Header/Navbar/Navbar.css
+++ b/app/components/Header/Navbar/Navbar.css
@@ -32,6 +32,11 @@
   }
 }
 
+.navigation button {
+  background-color: transparent;
+  border: none;
+}
+
 .navbarDropdown {
   width: auto;
   padding: var(--spacing-sm) var(--spacing-md);
diff --git a/packages/lego-bricks/package.json b/packages/lego-bricks/package.json
index 3627262dcb..1d16838b58 100644
--- a/packages/lego-bricks/package.json
+++ b/packages/lego-bricks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webkom/lego-bricks",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Component library for lego and other Abakus projects",
   "author": "webkom",
   "license": "MIT",
diff --git a/packages/lego-bricks/src/components/Button/Button.module.css b/packages/lego-bricks/src/components/Button/Button.module.css
index b25750a3db..b25396676c 100644
--- a/packages/lego-bricks/src/components/Button/Button.module.css
+++ b/packages/lego-bricks/src/components/Button/Button.module.css
@@ -26,6 +26,7 @@
 }
 
 .button {
+  border: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
diff --git a/packages/lego-bricks/src/components/Icon/Icon.module.css b/packages/lego-bricks/src/components/Icon/Icon.module.css
index fd920296a6..51d2f73560 100644
--- a/packages/lego-bricks/src/components/Icon/Icon.module.css
+++ b/packages/lego-bricks/src/components/Icon/Icon.module.css
@@ -16,6 +16,8 @@
 }
 
 .clickable {
+  background-color: transparent;
+  border: none;
   display: flex;
   width: fit-content;
   height: fit-content;