style fixes

ui/component/settingSystem/view.jsx

@@ -400,7 +400,7 @@ export default function SettingSystem(props: Props) {
               subtitle={__('This might fix issues that you are having. Your wallet will not be affected.')}
             >
               <Button
-                button="secondary"
+                button="primary"
                 icon={ALERT}
                 label={clearingCache ? __('Clearing') : __('Clear Cache')}
                 onClick={() => {

ui/scss/component/_card.scss

@@ -183,7 +183,7 @@
 
 .card__actions--between {
   @include between;
-  align-items: center;
+  align-items: end;
   width: 100%;
 }
 

ui/scss/component/_main.scss

@@ -563,7 +563,6 @@ body {
           width: var(--height-checkbox);
           border: 1px solid var(--color-input-border);
           border-radius: var(--border-radius);
-          background-color: var(--color-card-background);
           left: 0px;
           top: -1px;
         }

ui/scss/themes/light.scss

@@ -98,11 +98,11 @@
   --color-input-color: #111111;
   --color-input-label: var(--color-gray-5);
   --color-input-placeholder: #212529;
-  --color-input-bg: var(--color-gray-1);
+  --color-input-bg: var(--color-white);
   --color-input-border: var(--color-border);
   --color-input-border-active: var(--color-secondary);
   --color-input-toggle: var(--color-secondary);
-  --color-input-toggle-bg: var(--color-gray-1);
+  --color-input-toggle-bg: var(--color-input-bg);
   --color-input-toggle-bg-hover: var(--color-secondary-alt);
   --color-input-prefix-bg: var(--color-gray-2);
   --color-input-prefix-border: var(--color-gray-5);