Remove borders from App Launcher widget

[nechauhan]

We need to remove the borders from all Applications on all tabs of the OOB App Launcher (“My Applications”) widget on the Employee Center Pro portal homepage. We attempted to do this via widget instance CSS, but the borders are still visible. Please see the below widget instance CSS. Could someone help identify the correct element or selector to target to hide the border.

.app-launcher-card,
.app-launcher-heading,
.app-launcher-heading .panel-heading,
.app-launcher-panel,
.sc-category-card,
.sn-widget-list-item,
.app-card {
border: none !important;
box-shadow: none !important;
}

.app-launcher-skeleton .skeleton-loader-body,
.app-launcher-skeleton .panel-heading,
.app-launcher-skeleton .skeleton-loader-card-app-launcher,
.app-launcher-skeleton .skeleton-item-app-launcher .skeleton-item,
.app-launcher-skeleton .skeleton-app-launcher-grid
{
border: none !important;
box-shadow: none !important;
}

.ec-app-launcher .card,
.ec-app-launcher .card-body,
.ec-my-apps .card,
.ec-my-apps .card-body {
border: none !important;
box-shadow: none !important;
outline: none !important;
}

[class*="app-launcher"] [class*="card"],
[class*="app-launcher"] [class*="tile"],
[class*="my-app"] [class*="card"],
[class*="my-app"] [class*="tile"] {
border: none !important;
box-shadow: none !important;
}

.sn-polaris-card,
.sn-polaris-card--outlined,
.now-card,
.now-card--outlined {
border: none !important;
box-shadow: none !important;
}

.tab-pane .app-item,
.tab-content .app-item,
.tab-pane .application-card,
.tab-content .application-card {
border: none !important;
box-shadow: none !important;
}

.v806f40990fab2300b7b2c8337a767e6f,
[widget-id="sn-app-launcher"],
.app-launcher-container {
border: none !important;
box-shadow: none !important;
}

.b {
border: 0px transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}

[Tanushree Maiti]

Hi @nechauhan 

Can you check if the page css is overriding the widget instance CSS. Change the color and test .

Check this post: https://www.servicenow.com/community/servicenow-ai-platform-forum/remove-the-border-box-from-widget-...