updated summary icon

MetaMask · Feb 23, 2023 · 3fa89f0 · 3fa89f0
1 parent ee2ce06
commit 3fa89f0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/ui/components/ui/disclosure/disclosure.js b/ui/components/ui/disclosure/disclosure.js
@@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { Icon, ICON_NAMES } from '../../component-library';
+import { Size } from '../../../helpers/constants/design-system';
 
 const Disclosure = ({ children, title, size }) => {
   const disclosureFooterEl = useRef(null);
@@ -24,7 +25,11 @@ const Disclosure = ({ children, title, size }) => {
       {title ? (
         <details>
           <summary className="disclosure__summary">
-            <Icon name={ICON_NAMES.ADD} />
+            <Icon
+              className="disclosure__summary--icon"
+              name={ICON_NAMES.ADD}
+              size={Size.SM}
+            />
             {title}
           </summary>
           <div className={classnames('disclosure__content', size)}>

diff --git a/ui/components/ui/disclosure/disclosure.scss b/ui/components/ui/disclosure/disclosure.scss
@@ -7,8 +7,9 @@
     padding-left: 24px;
     padding-bottom: 10px;
     font-weight: bold;
+    display: flex;
 
-    i {
+    &--icon {
       margin-inline-start: -20px;
       margin-inline-end: 10px;
     }