Fix for issue #398

Author: dmitryrogozhny

src/controls/placeholder/PlaceholderComponent.module.scss

@@ -1,3 +1,5 @@
+@import '~office-ui-fabric-react/dist/sass/References.scss';
+
 .placeholder {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -26,13 +28,18 @@
                 display: inline-block;
                 vertical-align: middle;
                 white-space: normal;
+
+                @include ms-fontSize-su;
             }
 
             .placeholderText {
                 display: inline;
                 vertical-align: middle;
                 white-space: normal;
 
+                @include ms-fontWeight-light;
+                @include ms-fontSize-xxl;
+
                 &.hide {
                   display: none;
                 }

src/controls/placeholder/PlaceholderComponent.tsx

@@ -90,9 +90,9 @@ export class Placeholder extends React.Component<IPlaceholderProps, IPlaceholder
           <div className={styles.placeholderHead}>
             <div className={styles.placeholderHeadContainer}>
               {
-                this.props.iconName && <Icon iconName={this.props.iconName} className={`${styles.placeholderIcon} ms-fontSize-su ms-Icon`} />
+                this.props.iconName && <Icon iconName={this.props.iconName} className={styles.placeholderIcon} />
               }
-              <span className={`${styles.placeholderText} ms-fontWeight-light ms-fontSize-xxl ${(this.state.width && this.state.width <= 380) ? styles.hide : "" }`}>{this.props.iconText}</span>
+              <span className={`${styles.placeholderText} ${(this.state.width && this.state.width <= 380) ? styles.hide : "" }`}>{this.props.iconText}</span>
             </div>
           </div>
           <div className={styles.placeholderDescription}>