AI: AI fixes buttons in the sidebar go blank after opening and closin…

…g the metabox

#1621
Revert image.

packages/js/src/ai-assessment-fixes/components/sparkles-icon.js

@@ -8,15 +8,16 @@ import propTypes from "prop-types";
 export const SparklesIcon = ( { pressed = false } ) => {
  return (
  <>
- <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http:https://www.w3.org/2000/svg">
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http:https://www.w3.org/2000/svg">
  <path
- d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
- stroke={ pressed ? "white" : "url(#paint0_linear_1538_754)" } strokeWidth="1.33333" strokeLinecap="round"
+ d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
+ stroke={ pressed ? "white" : "url(#paint0_linear_1208_188)" } strokeWidth="1.33333"
+ strokeLinecap="round"
  strokeLinejoin="round"
  />
  <defs>
  <linearGradient
- id="paint0_linear_1538_754" x1="1.99951" y1="2.96991" x2="15.3308" y2="4.69764"
+ id="paint0_linear_1208_188" x1="0" y1="0" x2="16" y2="16"
  gradientUnits="userSpaceOnUse"
  >
  <stop stopColor="#A61E69" />

packages/js/tests/ai-assessment-fixes/components/__snapshots__/SparklesIcon.test.js.snap

@@ -4,26 +4,26 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is f
 <div>
  <svg
  fill="none"
- height="17"
- viewBox="0 0 16 17"
+ height="16"
+ viewBox="0 0 16 16"
  width="16"
  xmlns="http:https://www.w3.org/2000/svg"
  >
  <path
- d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
- stroke="url(#paint0_linear_1538_754)"
+ d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
+ stroke="url(#paint0_linear_1208_188)"
  stroke-linecap="round"
  stroke-linejoin="round"
  stroke-width="1.33333"
  />
  <defs>
  <lineargradient
  gradientUnits="userSpaceOnUse"
- id="paint0_linear_1538_754"
- x1="1.99951"
- x2="15.3308"
- y1="2.96991"
- y2="4.69764"
+ id="paint0_linear_1208_188"
+ x1="0"
+ x2="16"
+ y1="0"
+ y2="16"
  >
  <stop
  stop-color="#A61E69"
@@ -42,13 +42,13 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is t
 <div>
  <svg
  fill="none"
- height="17"
- viewBox="0 0 16 17"
+ height="16"
+ viewBox="0 0 16 16"
  width="16"
  xmlns="http:https://www.w3.org/2000/svg"
  >
  <path
- d="M3.33284 2.96991V5.63658M1.99951 4.30324H4.66618M3.99951 12.3032V14.9699M2.66618 13.6366H5.33284M8.66618 2.96991L10.19 7.54134L13.9995 8.96991L10.19 10.3985L8.66618 14.9699L7.14237 10.3985L3.33284 8.96991L7.14237 7.54134L8.66618 2.96991Z"
+ d="M3.33284 2V4.66667M1.99951 3.33333H4.66618M3.99951 11.3333V14M2.66618 12.6667H5.33284M8.66618 2L10.19 6.57143L13.9995 8L10.19 9.42857L8.66618 14L7.14237 9.42857L3.33284 8L7.14237 6.57143L8.66618 2Z"
  stroke="white"
  stroke-linecap="round"
  stroke-linejoin="round"
@@ -57,11 +57,11 @@ exports[`SparklesIcon should render the SparklesIcon component when pressed is t
  <defs>
  <lineargradient
  gradientUnits="userSpaceOnUse"
- id="paint0_linear_1538_754"
- x1="1.99951"
- x2="15.3308"
- y1="2.96991"
- y2="4.69764"
+ id="paint0_linear_1208_188"
+ x1="0"
+ x2="16"
+ y1="0"
+ y2="16"
  >
  <stop
  stop-color="#A61E69"