adjust styles in svg tags again

src/client/js/components/TopOfTableContents.jsx

@@ -17,7 +17,11 @@ const TopOfTableContents = (props) => {
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
             <defs>
               <style>
-                .cls-1{{ fill: 'none' }}
+                {'\
+                .cls-1{\
+                fill: none;\
+                }\
+                '}
               </style>
             </defs>
             <g id="レイヤー_2" data-name="レイヤー 2">
@@ -38,7 +42,11 @@ const TopOfTableContents = (props) => {
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
             <defs>
               <style>
-                .cls-1{{ fill: 'none' }}
+                {'\
+                .cls-1{\
+                fill: none;\
+                }\
+                '}
               </style>
             </defs>
             <g id="レイヤー_2" data-name="レイヤー 2">
@@ -61,7 +69,11 @@ const TopOfTableContents = (props) => {
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
             <defs>
               <style>
-                .cls-1{{ fill: 'none' }}
+                {'\
+                .cls-1{\
+                fill: none;\
+                }\
+                '}
               </style>
             </defs>
             <g id="レイヤー_2" data-name="レイヤー 2">
@@ -84,8 +96,13 @@ const TopOfTableContents = (props) => {
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
             <defs>
               <style>
-                .cls-1{{ fill: 'none' }}
-                .cls-2{{ isolation: 'isolate' }}
+                {'\
+                .cls-1{\
+                fill: none;\
+                }\
+                .cls-2{\
+                isolation: isolate;\
+                '}
               </style>
             </defs>
             <g id="レイヤー_2" data-name="レイヤー 2">