JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="socialDetails">
        <div class="socialInfo">
            <div class="row" style="margin: 0 auto;">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 socialLinks">
                    <img class="img-responsive" src="images/social/facebook.png"
                         style="float: left; padding: 10px; width: 50px;">
                    <h6 class="heading-social-basic-link">
                        <small>
                            <a type="text" target="_blank" name="FA" href="http://facebook.com/IamSRK">Facebook.com/IamSRK</a>
                        </small>
                    </h6>
                </div>
            </div>

            <div class="row"  style="margin: 0 auto;">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 socialLinks">
                    <img class="img-responsive" src="images/social/twitter.png"
                         style="float: left; padding: 10px; width: 50px;">
                    <h6 class="heading-social-basic-link">
                        <small><a type="text" target="_blank" name="TW" href="http://twitter.com/iamsrk">Twitter.com/iamsrk</a>
                        </small>
                    </h6>
                </div>
            </div>
            <div class="row"  style="margin: 0 auto;">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 socialLinks">
                    <img class="img-responsive" src="images/social/linkedin.png"
                         style="float: left; padding: 10px; width: 50px;">
                    <h6 class="heading-social-basic-link">
                        <small><a type="text" target="_blank" name="LI"...

CSS

.socialDetails {
  width: 80%;
  margin: 0 auto;
    margin-bottom:10px;
    margin-top:10px;
}
.socialInfo {
    background-color: white;
    overflow-y: auto;
    overflow-x: auto;
    min-height: 100px;
    max-height: 100px;
}
.socialInfo::-webkit-scrollbar {
  -webkit-appearance: none;
  display:inherit;
  width: 5px;
  height: 5px;
  background-color: rgba(255,255,255, 0.5);
}
.socialInfo::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(97, 97, 97, .4);
  -webkit-box-shadow: 0 0 1px rgba(158, 158, 158, .5);
}
 .heading-social-basic-link {
  font-family: 'Poppins' !important;
  margin-top:15px;
  font-size:18px !important;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flexbox;
  }
  .socialLinks{
    padding: 0;
    
  }