Need help rendering
Trying to do a test of just basic elements but the import draws them like below. How do I obtain a better conversion. Looking at the seek-oss style guide there are quite a few svgs. Should I be using svgs instead?

Thanks

![image](https://user-images.githubusercontent.com/1777648/48267519-907c5380-e400-11e8-8fef-edf7fc69c3fb.png)


![image](https://user-images.githubusercontent.com/1777648/48265279-1cd74800-e3fa-11e8-8ca8-59651a4563b4.png)


I also tried with boostrap 3 css and got the following.

![image](https://user-images.githubusercontent.com/1777648/48265433-7dff1b80-e3fa-11e8-9813-4978986ea44a.png)


```
<!DOCTYPE html>
<html lang="en">
<head class="html5reset-bare-bones">
    <!-- Latest compiled and minified CSS -->

    <style type="text/css">
        .symbol_text {
            color: mediumpurple;
        }
    </style>
</head>

<body class="container">

<h1>
    Physician
</h1>
<br><br>

<table class="table">
    
    <tr>
        <td>
            <div data-sketch-symbol="Physician/firstname/Variable/641d4e8d-0a65-43e2-b07f-18f1aed2eae4" class="symbol_text">
                Firstname
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Physician/firstname/Dropdown" class="symbol_dropdown">
                <div class="form-group">
                    <label for="" class="">
                        <strong class="">Firstname</strong></label><br>
                    <select class="form-control">
                        <option value="" disabled="">Placeholder text</option>
                    </select>

                </div>
            </div>
            </div>
        </td>
        <td>
            <div class="form-group" data-sketch-symbol="Physician/firstname/Radio">
                <label class="">
                    <input class="" type="radio"/>
                    <span class="">firstname</span>
                </label>
            </div>
        </td>
        <td>
            <div class="checkbox" data-sketch-symbol="Physician/firstname/Checkbox">
                <label>
                    <input class="" type="checkbox"/>
                    <span class="">firstname</span>
                </label>
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Physician/firstname/TextField">
                <div class="form-group">
                    <label for=""><strong class="">Firstname</strong></label><br>
                    <input type="text" class="" placeholder="Firstname" value="">
                </div>
            </div>
        </td>
        <td>
            <div class="form-group">
                <label for=""><strong class="">Firstname</strong></label><br>
                <div data-sketch-symbol="Physician/firstname/Textarea">
                    <textarea class="form-control">firstname text area</textarea>
                </div>
            </div>
        </td>
    </tr>
    
    <tr>
        <td>
            <div data-sketch-symbol="Physician/lastname/Variable/99bc8845-a9e1-49d6-9c8e-fdb4bdbf823a" class="symbol_text">
                Lastname
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Physician/lastname/Dropdown" class="symbol_dropdown">
                <div class="form-group">
                    <label for="" class="">
                        <strong class="">Lastname</strong></label><br>
                    <select class="form-control">
                        <option value="" disabled="">Placeholder text</option>
                    </select>

                </div>
            </div>
            </div>
        </td>
        <td>
            <div class="form-group" data-sketch-symbol="Physician/lastname/Radio">
                <label class="">
                    <input class="" type="radio"/>
                    <span class="">lastname</span>
                </label>
            </div>
        </td>
        <td>
            <div class="checkbox" data-sketch-symbol="Physician/lastname/Checkbox">
                <label>
                    <input class="" type="checkbox"/>
                    <span class="">lastname</span>
                </label>
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Physician/lastname/TextField">
                <div class="form-group">
                    <label for=""><strong class="">Lastname</strong></label><br>
                    <input type="text" class="" placeholder="Lastname" value="">
                </div>
            </div>
        </td>
        <td>
            <div class="form-group">
                <label for=""><strong class="">Lastname</strong></label><br>
                <div data-sketch-symbol="Physician/lastname/Textarea">
                    <textarea class="form-control">lastname text area</textarea>
                </div>
            </div>
        </td>
    </tr>
    
    <tr>
        <td>
            <h3 class="">Action Physician</h3>
            <div data-sketch-symbol="Physician/Button/Action">
                <button class="btn btn-default">ACTION</button>
            </div>
        </td>
        <td>
            <h3 class="">Save Physician</h3>
            <div data-sketch-symbol="Physician/Button/Save">
                <button class="btn btn-primary">SAVE</button>
            </div>
        </td>
        <td>
            <h3 class="">Delete Physician</h3>
            <div data-sketch-symbol="Physician/Button/Delete">
                <button class="btn btn-danger">REMOVE</button>
            </div>
        </td>
        <td colspan="3"></td>
    </tr>

</table>

<h1>
    Location
</h1>
<br><br>

<table class="table">
    
    <tr>
        <td>
            <div data-sketch-symbol="Location/city/Variable/e08e6b7f-938b-45e9-bd4d-dd6eb8b50851" class="symbol_text">
                City
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/city/Dropdown" class="symbol_dropdown">
                <div class="form-group">
                    <label for="" class="">
                        <strong class="">City</strong></label><br>
                    <select class="form-control">
                        <option value="" disabled="">Placeholder text</option>
                    </select>

                </div>
            </div>
            </div>
        </td>
        <td>
            <div class="form-group" data-sketch-symbol="Location/city/Radio">
                <label class="">
                    <input class="" type="radio"/>
                    <span class="">city</span>
                </label>
            </div>
        </td>
        <td>
            <div class="checkbox" data-sketch-symbol="Location/city/Checkbox">
                <label>
                    <input class="" type="checkbox"/>
                    <span class="">city</span>
                </label>
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/city/TextField">
                <div class="form-group">
                    <label for=""><strong class="">City</strong></label><br>
                    <input type="text" class="" placeholder="City" value="">
                </div>
            </div>
        </td>
        <td>
            <div class="form-group">
                <label for=""><strong class="">City</strong></label><br>
                <div data-sketch-symbol="Location/city/Textarea">
                    <textarea class="form-control">city text area</textarea>
                </div>
            </div>
        </td>
    </tr>
    
    <tr>
        <td>
            <div data-sketch-symbol="Location/state/Variable/8f553d7f-7cf8-41cb-9a97-9c2a15325cef" class="symbol_text">
                State
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/state/Dropdown" class="symbol_dropdown">
                <div class="form-group">
                    <label for="" class="">
                        <strong class="">State</strong></label><br>
                    <select class="form-control">
                        <option value="" disabled="">Placeholder text</option>
                    </select>

                </div>
            </div>
            </div>
        </td>
        <td>
            <div class="form-group" data-sketch-symbol="Location/state/Radio">
                <label class="">
                    <input class="" type="radio"/>
                    <span class="">state</span>
                </label>
            </div>
        </td>
        <td>
            <div class="checkbox" data-sketch-symbol="Location/state/Checkbox">
                <label>
                    <input class="" type="checkbox"/>
                    <span class="">state</span>
                </label>
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/state/TextField">
                <div class="form-group">
                    <label for=""><strong class="">State</strong></label><br>
                    <input type="text" class="" placeholder="State" value="">
                </div>
            </div>
        </td>
        <td>
            <div class="form-group">
                <label for=""><strong class="">State</strong></label><br>
                <div data-sketch-symbol="Location/state/Textarea">
                    <textarea class="form-control">state text area</textarea>
                </div>
            </div>
        </td>
    </tr>
    
    <tr>
        <td>
            <div data-sketch-symbol="Location/addressline1/Variable/d27103c0-0de7-49f7-9d05-48188e77998a" class="symbol_text">
                Addressline1
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/addressline1/Dropdown" class="symbol_dropdown">
                <div class="form-group">
                    <label for="" class="">
                        <strong class="">Addressline1</strong></label><br>
                    <select class="form-control">
                        <option value="" disabled="">Placeholder text</option>
                    </select>

                </div>
            </div>
            </div>
        </td>
        <td>
            <div class="form-group" data-sketch-symbol="Location/addressline1/Radio">
                <label class="">
                    <input class="" type="radio"/>
                    <span class="">addressline1</span>
                </label>
            </div>
        </td>
        <td>
            <div class="checkbox" data-sketch-symbol="Location/addressline1/Checkbox">
                <label>
                    <input class="" type="checkbox"/>
                    <span class="">addressline1</span>
                </label>
            </div>
        </td>
        <td>
            <div data-sketch-symbol="Location/addressline1/TextField">
                <div class="form-group">
                    <label for=""><strong class="">Addressline1</strong></label><br>
                    <input type="text" class="" placeholder="Addressline1" value="">
                </div>
            </div>
        </td>
        <td>
            <div class="form-group">
                <label for=""><strong class="">Addressline1</strong></label><br>
                <div data-sketch-symbol="Location/addressline1/Textarea">
                    <textarea class="form-control">addressline1 text area</textarea>
                </div>
            </div>
        </td>
    </tr>
    
    <tr>
        <td>
            <h3 class="">Action Location</h3>
            <div data-sketch-symbol="Location/Button/Action">
                <button class="btn btn-default">ACTION</button>
            </div>
        </td>
        <td>
            <h3 class="">Save Location</h3>
            <div data-sketch-symbol="Location/Button/Save">
                <button class="btn btn-primary">SAVE</button>
            </div>
        </td>
        <td>
            <h3 class="">Delete Location</h3>
            <div data-sketch-symbol="Location/Button/Delete">
                <button class="btn btn-danger">REMOVE</button>
            </div>
        </td>
        <td colspan="3"></td>
    </tr>

</table>

</body>

</html>
```