diff --git a/webUI/src/src/components/manga/SourceCard.tsx b/webUI/src/src/components/manga/SourceCard.tsx
index 79943b8c..407ee672 100644
--- a/webUI/src/src/components/manga/SourceCard.tsx
+++ b/webUI/src/src/components/manga/SourceCard.tsx
@@ -48,7 +48,7 @@ interface IProps {
 export default function SourceCard(props: IProps) {
     const {
         source: {
-            id, name, lang, iconUrl, supportsLatest,
+            id, name, lang, iconUrl, supportsLatest, isConfigurable,
         },
     } = props;
 
@@ -76,6 +76,7 @@ export default function SourceCard(props: IProps) {
                     </div>
                 </div>
                 <div style={{ display: 'flex' }}>
+                    {isConfigurable && <Button variant="outlined" style={{ marginLeft: 20 }} onClick={() => { window.location.href = `/sources/${id}/latest/`; }}>Configure</Button>}
                     <Button variant="outlined" style={{ marginLeft: 20 }} onClick={() => { window.location.href = `/sources/${id}/search/`; }}>Search</Button>
                     {supportsLatest && <Button variant="outlined" style={{ marginLeft: 20 }} onClick={() => { window.location.href = `/sources/${id}/latest/`; }}>Latest</Button>}
                     <Button variant="outlined" style={{ marginLeft: 20 }} onClick={() => { window.location.href = `/sources/${id}/popular/`; }}>Browse</Button>
diff --git a/webUI/src/src/typings.d.ts b/webUI/src/src/typings.d.ts
index 10761018..1bd5b150 100644
--- a/webUI/src/src/typings.d.ts
+++ b/webUI/src/src/typings.d.ts
@@ -26,6 +26,7 @@ interface ISource {
     iconUrl: string
     supportsLatest: boolean
     history: any
+    isConfigurable: boolean
 }
 
 interface IMangaCard {