diff --git a/src/widgets/torrent/TorrentQueueItem.tsx b/src/widgets/torrent/TorrentQueueItem.tsx
index 7750711cf..48d73a1ee 100644
--- a/src/widgets/torrent/TorrentQueueItem.tsx
+++ b/src/widgets/torrent/TorrentQueueItem.tsx
@@ -47,7 +47,7 @@ export const BitTorrrentQueueItem = ({ torrent, width, app }: TorrentQueueItemPr
const uploadSpeed = torrent.uploadSpeed / 1024 / 1024;
const size = torrent.totalSelected;
return (
-
+
@@ -235,4 +235,7 @@ const useStyles = createStyles(() => ({
noTextBreak: {
whiteSpace: 'nowrap',
},
+ transparentBackground: {
+ backgroundColor: 'transparent !important',
+ },
}));
diff --git a/src/widgets/torrent/TorrentTile.tsx b/src/widgets/torrent/TorrentTile.tsx
index b262eab0d..d5fa11c9a 100644
--- a/src/widgets/torrent/TorrentTile.tsx
+++ b/src/widgets/torrent/TorrentTile.tsx
@@ -17,6 +17,7 @@ import dayjs from 'dayjs';
import duration from 'dayjs/plugin/duration';
import relativeTime from 'dayjs/plugin/relativeTime';
import { useTranslation } from 'next-i18next';
+import { useCardStyles } from '~/components/layout/useCardStyles';
import { MIN_WIDTH_MOBILE } from '../../constants/constants';
import { NormalizedDownloadQueueResponse } from '../../types/api/downloads/queue/NormalizedDownloadQueueResponse';
@@ -70,6 +71,7 @@ interface TorrentTileProps {
function TorrentTile({ widget }: TorrentTileProps) {
const { t } = useTranslation('modules/torrents-status');
const { width, ref } = useElementSize();
+ const { classes } = useCardStyles(true);
const {
data,
@@ -158,7 +160,7 @@ function TorrentTile({ widget }: TorrentTileProps) {
))}
{filteredTorrents.length !== torrents.length && (
-
+
| MIN_WIDTH_MOBILE ? 6 : 3}>
| |