Size social media icons footer Dawn

Retired Boards Appdev Store Design
16

I’m using Dawn and started with the edit to component-list-social.css shown in the accepted solution, although since last night I’ve made further edits and the TikTok icon is still sizing up for me. I changed height and width to 3rem, removed the !important and removed the previous styling (which the !important served to overwrite). Here is what my current component-list-social.css is looking like. Flex-end commented out until I figure out if I want to keep it.

.list-social {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: flex-end;*/
}

@media only screen and (max-width: 749px) {
  .list-social {
    justify-content: center;
  }
}

.list-social__item .icon {
  height: 3rem;
  width: 3rem;
}

.list-social__link {
  align-items: center;
  display: flex;
  padding-right: 1.3rem;
  color: rgb(var(--color-foreground));
}

.list-social__link:hover .icon {
  transform: scale(1.07);
}