From 787dda4a016a1fcd1142bd4b705e2c71e232d13e Mon Sep 17 00:00:00 2001
From: Daniel Ruf <827205+DanielRuf@users.noreply.github.com>
Date: Sat, 28 Dec 2019 09:33:00 +0100
Subject: [PATCH] fix: remove background from styled Avatar components - closes
 #371 (#398)

---
 src/components/Install/InstallListItem.tsx |  3 +++
 src/components/Repository/Repository.tsx   | 10 +++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Install/InstallListItem.tsx b/src/components/Install/InstallListItem.tsx
index 3845874..6d0780b 100644
--- a/src/components/Install/InstallListItem.tsx
+++ b/src/components/Install/InstallListItem.tsx
@@ -26,6 +26,9 @@ const InstallListItemText = styled(ListItemText)({
 const PackageMangerAvatar = styled(Avatar)({
   borderRadius: '0px',
   padding: '0',
+  img: {
+    backgroundColor: 'transparent',
+  },
 });
 
 export enum DependencyManager {
diff --git a/src/components/Repository/Repository.tsx b/src/components/Repository/Repository.tsx
index 3b09207..527b338 100644
--- a/src/components/Repository/Repository.tsx
+++ b/src/components/Repository/Repository.tsx
@@ -34,6 +34,14 @@ const RepositoryListItemText = styled(ListItemText)({
   margin: 0,
 });
 
+const RepositoryAvatar = styled(Avatar)({
+  borderRadius: '0px',
+  padding: '0',
+  img: {
+    backgroundColor: 'transparent',
+  },
+});
+
 const Repository: React.FC = () => {
   const detailContext = React.useContext(DetailContext);
 
@@ -58,7 +66,7 @@ const Repository: React.FC = () => {
   return (
     <List dense={true} subheader={<StyledText variant="subtitle1">{'Repository'}</StyledText>}>
       <RepositoryListItem button={true}>
-        <Avatar src={git} />
+        <RepositoryAvatar src={git} />
         <RepositoryListItemText
           primary={
             <CopyToClipBoard text={repositoryURL}>