Change the name of the variable.

Changed the variable designation part of the icon.

src/client/js/components/Icons/AttachmentIcon.jsx

@@ -4,7 +4,6 @@ const Attachment = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 14 14"
-    className="table-top-icon"
 
   >
     <rect width="14" height="14" fillOpacity="0" />

src/client/js/components/Icons/PageListIcon.jsx

@@ -4,7 +4,6 @@ const PageList = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 14 14"
-    className="table-top-icon"
 
   >
     <rect width="14" height="14" fillOpacity="0" />

src/client/js/components/Icons/RecentChangesIcon.jsx

@@ -4,7 +4,6 @@ const RecentChanges = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 14 14"
-    className="table-top-icon"
 
   >
     <rect width="14" height="14" fillOpacity="0" />

src/client/js/components/Icons/TimeLineIcon.jsx

@@ -4,7 +4,6 @@ const TimeLine = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 14 14"
-    className="table-top-icon"
 
   >
     <rect width="14" height="14" fillOpacity="0" />

src/client/js/components/TopOfTableContents.jsx

@@ -58,15 +58,15 @@ const TopOfTableContents = (props) => {
             <PageListIcon />
           </button>
 
-          <button type="button" className="bg-transparent border-0" onClick={() => openPageAccessoriesModal('timeLine')}>
+          <button type="button" className="grw-table-top-icons bg-transparent border-0" onClick={() => openPageAccessoriesModal('timeLine')}>
             <TimeLineIcon />
           </button>
 
-          <button type="button" className="bg-transparent border-0" onClick={() => openPageAccessoriesModal('recentChanges')}>
+          <button type="button" className="grw-table-top-icons bg-transparent border-0" onClick={() => openPageAccessoriesModal('recentChanges')}>
             <RecentChangesIcon />
           </button>
 
-          <button type="button" className="bg-transparent border-0 " onClick={() => openPageAccessoriesModal('attachment')}>
+          <button type="button" className="grw-table-top-icons bg-transparent border-0 " onClick={() => openPageAccessoriesModal('attachment')}>
             <AttachmentIcon />
           </button>
 

src/client/styles/scss/_layout.scss

@@ -20,9 +20,11 @@ body {
 }
 
 .grw-page-accessories-modal {
-  .table-top-icon {
-    width: 20px;
-    height: 20px;
+  .grw-table-top-icons {
+    .svg.g {
+      width: 20px;
+      height: 20px;
+    }
   }
 }
 
@@ -152,7 +154,7 @@ body {
 .top-of-table-contents {
   flex-wrap: wrap;
 
-  .table-top-icon {
+  .grw-table-top-icons {
     width: 16px;
     height: 16px;
   }

src/client/styles/scss/_layout_growi.scss

@@ -24,7 +24,7 @@
   }
 
   .grw-page-accessories-modal {
-    .table-top-icon {
+    .grw-table-top-icons {
       margin-right: 5px;
     }
   }

src/client/styles/scss/theme/_apply-colors.scss

@@ -251,7 +251,7 @@ pre:not(.hljs):not(.CodeMirror-line) {
   .icon-button-box {
     border-color: $bordercolor-nav-tabs;
   }
-  .table-top-icon {
+  .grw-table-top-icons {
     fill: $color-link;
   }
   .btn.btn-seen-user-list {
@@ -273,7 +273,7 @@ pre:not(.hljs):not(.CodeMirror-line) {
   .nav-title {
     color: $color-link;
   }
-  .table-top-icon {
+  .grw-table-top-icons {
     fill: $color-link;
   }
   .active {