.inputWithIcon div {
    
    position: relative;
  }
  
  .inputWithIcon input {
    
    padding-right: calc(2rem + var(--default-field-padding-horizontal) - var(--default-field-border-width));
  }
  
  .inputWithIcon button {
    
    width: 2rem;
    height: 100%;
    
    padding: 0rem;
    
    position: absolute;
    top: 0rem;
    right: 0rem;
  }
  
  .inputWithIcon .buttonWithinBorders input {
    
    padding-right: calc(2rem + var(--default-field-padding-horizontal));
  }
  
  .inputWithIcon .buttonWithinBorders button {
    
    width: 2rem;
    height: calc(100% - (var(--default-field-border-width) * 2));
    
    padding: 0rem;
    
    position: absolute;
    top: var(--default-field-border-width);
    right: var(--default-field-border-width);
  }