Fix table button font

src/components/viewtypes/ListViewTable.tsx

@@ -96,7 +96,11 @@ const StyledTable = styled(Table)<{ rowHeight: number; $isDragging: boolean }>`
   }
 
   .rs-table-row.playing {
-    color: ${(props) => props.theme.colors.primary};
+    color: ${(props) => props.theme.colors.primary} !important;
+
+    span {
+      color: ${(props) => props.theme.colors.primary} !important;
+    }
 
     .rs-btn {
       color: ${(props) => props.theme.colors.primary};
@@ -751,16 +755,17 @@ const ListViewTable = ({
                               </CombinedTitleTextWrapper>
                             </Row>
                             <Row className="row-sub-secondarytext">
-                              <span>
-                                {(rowData.artist || []).map((artist: GenericItem, i: number) => (
-                                  <span key={`${rowData.uniqueId}-${artist.id}`}>
-                                    <SecondaryTextWrapper key={nanoid()} subtitle="true">
-                                      {i > 0 && ', '}
-                                    </SecondaryTextWrapper>
-                                    <CustomTooltip
-                                      key={`artist-${rowData.uniqueId}-${artist.id}`}
-                                      text={artist.title}
+                              {rowData.artist.map((artist: GenericItem, i: number) => (
+                                <SecondaryTextWrapper
+                                  subtitle="true"
+                                  key={`${rowData.uniqueId}-${artist.id}`}
+                                  style={{
+                                    fontFamily: configState.lookAndFeel.font,
+                                    fontSize: `${fontSize}px`,
+                                  }}
                                 >
+                                  {i > 0 && ', '}
+                                  <CustomTooltip text={artist.title}>
                                     <TableLinkButton
                                       font={`${fontSize}px`}
                                       subtitle="true"
@@ -782,9 +787,8 @@ const ListViewTable = ({
                                       {artist.title}
                                     </TableLinkButton>
                                   </CustomTooltip>
-                                  </span>
+                                </SecondaryTextWrapper>
                               ))}
-                              </span>
                             </Row>
                           </Col>
                         </Row>

src/components/viewtypes/styled.tsx

@@ -6,7 +6,7 @@ export const TableLinkButton = styled(Button)<{
   active?: boolean;
   font?: string;
 }>`
-  font-size: ${(props) => props.fontsize};
+  font-size: ${(props) => props.font};
   background: transparent;
   max-width: 100%;
   padding: 0px;