.attached-file-url {
    padding: 8px;
    margin: 8px 0px;
    border-radius: 4px;
    box-sizing: border-box;
  
    .preview {
      display: flex;
  
      .mdi {
        font-size: 44px;
        line-height: 44px;
        margin-right: 8px;
      }
  
      span:not(.mdi) {
        margin: 2px;
        display: inline-block;
      }
  
      .details {
        flex: 1 1 auto;
  
        .file-name {
          word-wrap: break-word;
          display: inline;
        }
  
        .room-data {
          display: flex;
          align-items: center;
  
          app-avatar {
            width: 20px;
            height: 20px;
            margin: 0 8px;
          }
        }
  
        .actions {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          mat-icon {
            margin: 4px;
            cursor: pointer;
          }
        }
      }
    }
  }