From e492feeba416fd003dc9319cefdc3237ce99b05d Mon Sep 17 00:00:00 2001
From: Ross Moody <fiftyfivehis@gmail.com>
Date: Fri, 26 Oct 2018 23:42:37 -0700
Subject: [PATCH] Imported from brave-ui: icon resizing

- generally brought icons down in size slightly across the board to accomodate for them filling more of the canvas size
---
 src/features/shields/icons/index.ts | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/features/shields/icons/index.ts b/src/features/shields/icons/index.ts
index d8e2d4197016..ee435f79174a 100644
--- a/src/features/shields/icons/index.ts
+++ b/src/features/shields/icons/index.ts
@@ -6,7 +6,7 @@ import styled from '../../../theme'
 
 import { ComponentType } from 'react'
 import {
-  AlertShieldIcon,
+  ShieldAlertIcon,
   OpenNewIcon,
   CaratDownIcon,
   CaratUpIcon,
@@ -22,38 +22,38 @@ export const LinkIcon = styled(OpenNewIcon as ComponentType)`
   color: ${palette.blue200};
 `
 
-export const ShieldIcon = styled(AlertShieldIcon as ComponentType)`
+export const ShieldIcon = styled(ShieldAlertIcon as ComponentType)`
   width: 48px;
   height: 48px;
   color: ${palette.grey600};
 `
 
 export const ShowMoreIcon = styled(CaratDownIcon as ComponentType)`
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   color: ${palette.blue200};
 `
 
 export const ShowLessIcon = styled(CaratUpIcon as ComponentType)`
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   color: ${palette.blue200};
 `
 
 export const CloseIcon = styled(CloseStrokeIcon as ComponentType)`
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   color: ${palette.blue200};
 `
 
 export const BlockedScriptsIcon = styled(CloseCircleIcon as ComponentType)`
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   color: ${palette.red500};
 `
 
 export const AllowedScriptsIcon = styled(CheckCircleIcon as ComponentType)`
-  width: 24px;
-  height: 24px;
+  width: 16px;
+  height: 16px;
   color: ${palette.green500};
 `