JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
                
        <div class="list    unordered 
                     
                        
                    ">
    
                    <h3 class="                         text-grey-150
                      
                                            h5 ">
                                    
        Branchen ETFs
        
                    </h3>
                
    <ul class="
                                                                                    
                                                            

                    ">
                        <li>
                Technologie ETF<br>
            </li>
    <li style="
    /* word-break: break-all; */
">
                Finanzdienstleistungen ETF
            </li>
    <li>
                Gesundheitswesen ETF<br>
            </li>
    <li>
                Immobilien ETF<br>
            </li>
    <li>
                Industrie ETF
            </li>
            </ul>
</div>



            </div>

CSS

.container {
  width:170px;
  border:1px solid red;
}

ul{
  margin: 0;
    padding: 0;
}

li {
  padding-left: 35px;
    margin-bottom: 24px;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
    list-style-type: none;
}
li::before {
  display: inline-flex;
    width: 4px;
    height: 4px;
    margin-right: 15px;
    margin-left: -29px;
    background-color: #00c878;
    border-radius: 375px;
    content: "";
}