src/components/CreatePortfolioModal/PortfolioItemGrid.scss
.portfolio-items {
  height: 100%;
  overflow-y: auto;
  margin: 16px;
  padding: 16px;
  background-color: var(--faded-component-background);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;

  .portfolio-item {
    width: 130px;
    height: 185px;
    padding: 12px 24px 8px;
    background-color: var(--component-background);
    border: 1px solid var(--lighter-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;

    .portfolio-item-preview {
      width: 100%;
      height: 104px;
      border: 1px solid var(--gray-3);

      .preview-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        .Icon {
          color: var(--gray-6);
        }
      }
    }

    .portfolio-item-name {
      margin: 8px 0;
      height: 15px;
      font-size: 13px;
      max-width: 90px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: var(--gray-9);
    }

    .Button {
      width: 28px;
      height: 28px;

      .Icon {
        width: 28px;
        height: 28px;
      }
    }
  }
}
