diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index bfbfd9d47..5777cb580 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -104,8 +104,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                                    color: ListDetails.getContrast(`${e.colorHex}`)
                                }} title={e.description}>{e.name}</span>)}</div>,
                            width: 100,
-                           headerClassName: "d-none d-lg-block",
-                           className: "d-none d-lg-block"
+                           headerClassName: "d-none d-md-block",
+                           className: "d-none d-md-block"
                        },
                        {
                            Header: "Langs.",
@@ -119,8 +119,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                                <div>{cell.value.map((e: any) => e.iso6391).join(", ")}</div>,
                            style: { whiteSpace: "inherit" },
                            width: 60,
-                           headerClassName: "d-none d-lg-block",
-                           className: "d-none d-lg-block"
+                           headerClassName: "d-none d-md-block",
+                           className: "d-none d-md-block"
                        },
                        //{
                        //    Header: "Updated",
@@ -135,8 +135,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                        //        : "N/A"}</div>,
                        //    style: { whiteSpace: "inherit" },
                        //    width: 100,
-                       //    headerClassName: "d-none d-lg-block",
-                       //    className: "d-none d-lg-block"
+                       //    headerClassName: "d-none d-md-block",
+                       //    className: "d-none d-md-block"
                        //},
                        {
                            Header: "Details",
@@ -165,8 +165,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                            Cell: (cell: any) => <SubscribeUrl url={cell.value} name={cell.row.name}/>,
                            style: { textAlign: "center" },
                            width: 105,
-                           headerClassName: "d-none d-lg-block",
-                           className: "d-none d-lg-block"
+                           headerClassName: "d-none d-md-block",
+                           className: "d-none d-md-block"
                        }
                    ]}
                    SubComponent={(row: any) => {
diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index a4f485c97..369214b6d 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -90,7 +90,7 @@ function ListUrls(props: any) {
 
 function Tags(props: any) {
     return props.tags.length > 0
-        ? <div className="d-block d-sm-none">{props.tags.map(
+        ? <div className="d-md-none">{props.tags.map(
             (tag: any) => <span className="badge" style={{
                 backgroundColor: `#${tag.colorHex}`,
                 color: ListDetails.getContrast(`${tag.colorHex}`)
@@ -176,7 +176,7 @@ function SubscribeUrl(props: any) {
 
     function SubscribeUrlPrimary() {
         return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
-                  className="d-block d-sm-none btn btn-primary btn-block fl-btn-details-action"
+                  className="d-md-none btn btn-primary btn-block fl-btn-details-action"
                   title={`Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
                    Subscribe
                </a>;
@@ -184,7 +184,7 @@ function SubscribeUrl(props: any) {
 
     function SubscribeUrlWayback() {
         return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
-                  className="d-block d-sm-none btn btn-secondary btn-block fl-btn-details-action"
+                  className="d-md-none btn btn-secondary btn-block fl-btn-details-action"
                   title={`Archive.org Mirror (Original Offline) - Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
                    Subscribe
                </a>;
@@ -192,7 +192,7 @@ function SubscribeUrl(props: any) {
 
     function SubscribeUrlNotSecure() {
         return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
-                  className="d-block d-sm-none btn btn-danger btn-block fl-btn-details-action"
+                  className="d-md-none btn btn-danger btn-block fl-btn-details-action"
                   title={`Not Secure - Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
                    Subscribe
                </a>;