diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
index 045b5a662..69da08558 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
@@ -1,15 +1,17 @@
 import * as React from "react";
-import { IListLicenseDto, IListSyntaxDto, IListTagDto } from "../IFilterListDetailsDto";
+import { IListLicenseDto, IListSyntaxDto, IListTagDto, ISyntaxSupportedSoftwareDto } from "../IFilterListDetailsDto";
 import { Description } from "./Description";
 import { DiscontinuedDate } from "./DiscontinuedDate";
 import { Languages } from "./Languages";
 import { License } from "./License";
 import { PublishedDate } from "./PublishedDate";
 import { RuleCount } from "./RuleCount";
+import { SoftwareIcon } from "../../listsTable/SoftwareIcon";
 import { Syntax } from "./Syntax";
 import { Tags } from "./Tags";
 import { UpdatedDate } from "./UpdatedDate";
 
+
 interface IProps {
     description: string;
     descriptionSourceUrl: string;
@@ -27,6 +29,10 @@ interface IProps {
 export const InfoCard = (props: IProps) => {
     return <div className="col-9">
                <Tags tags={props.tags}/>
+               <div className="d-md-none">
+                   {props.syntax.supportedSoftware.map(
+                       (s: ISyntaxSupportedSoftwareDto, i: any) => <SoftwareIcon id={s.id} key={i}/>)}
+               </div>
                <Description {...props} url={props.descriptionSourceUrl}/>
                <ul className="list-group list-group-flush">
                    <Languages languages={props.languages}/>