diff --git a/public/main.html b/public/main.html
index 554f8ec52425dcfdb26ce5774484a0d9525c947d..e7bfdf15db4979aceaf83124af924f683e012225 100644
--- a/public/main.html
+++ b/public/main.html
@@ -263,49 +263,32 @@
                 </div>
             </div>
             <!--Attributbutton-->
-            <button class="dropdown-btn">Attributes<em class="fa fa-caret-down"></em></button>
-            <div class="dropdown-container">
-                <div class="dropp-header">
-                    <a href="#" class="dropp-header__btn js-dropp-action">
-                        <em class="item"></em>
-                    </a>
-                </div>
-
-                <div class="dropp-body">
-                    <label for="specificYield">Specific Yield
-                        <input id="specificYield" type="radio" key="specificYield" name="specificYield" value="specificYield" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="totalInvestment">Total Investment
-                        <input id="totalInvestment" type="radio" key="totalInvestment" name="dropp" value="totalInvestment" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="potentialYield">Potential Yield
-                        <input id="potentialYield" type="radio" key="potentialYield" name="dropp" value="potentialYield" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="maintenancePerYear">Maintenance Per Year
-                        <input id="maintenancePerYear" type="radio" key="maintenancePerYear" name="dropp" value="maintenancePerYear" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="netPresentValue">Net Present Value
-                        <input id="netPresentValue" type="radio" key="netPresentValue" name="dropp" value="netPresentValue" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="nominalPower">Nominal Power
-                        <input id="nominalPower" type="radio" key="nominalPower" name="dropp" value="nominalPower" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="paybackPeriod">Payback Period
-                        <input id="paybackPeriod" type="radio" key="paybackPeriod" name="dropp" value="paybackPeriod" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="levelizedCostOfElectricity">Levelized Cost Of Electricity
-                        <input id="levelizedCostOfElectricity" type="radio" key="levelizedCostOfElectricity" name="dropp" value="levelizedCostOfElectricity" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="internalRateOfReturn">Internal Rate Of Return
-                        <input id="internalRateOfReturn" type="radio" key="internalRateOfReturn" name="dropp" value="internalRateOfReturn" onclick="chosenAttributeHandler(this);">
-                    </label>
-                    <label for="discountedPaybackPeriod">Discounted Payback Period
-                        <input id="discountedPaybackPeriod" type="radio" key="discountedPaybackPeriod" name="dropp" value="discountedPaybackPeriod" onclick="chosenAttributeHandler(this);">
-                    </label>Shadow-Value
-                    <input id="shadowValue" type="radio" name="dropp" value="shadowValue" onclick="chosenAttributeHandler(this);" checked> </label>
-                </div>
-            </div>
-            
+             <button class="dropdown-btn">Choose an attribute<em class="fa fa-caret-down"></em></button>
+             <div class="dropdown-container">
+                 <div class="dropp-header">
+                     <a href="#" class="dropp-header__btn js-dropp-action">
+                         <em class="item"></em>
+                     </a>
+                 </div>
+                 <div class="dropp-body"></div>
+                 
+                 <div class="select">
+                     <select id="selectBox" onmouseover="chosenAttributeHandler(this);">
+                         <option class=specificYield key= specificYield id="specificYield" value="specificYield" type= "selectBox" onclick="chosenAttributeHandler(this);">Specific Yield</option>                        
+                         <option class=totalInvestment key="totalInvestment" type="selectBox">Total Investment</option>
+                         <option class="maintenancePerYear" key="maintenancePerYear" type="selectBox">Maintenance Per Year</option>
+                         <option class="netPresentValue" key="netPresentValue" type="selectBox">Net Present Value</option>
+                         <option class="nominalPower" key="nominalPower" type="selectBox">Nominal Power</option>
+                         <option class="paybackPeriod" key="paybackPeriod" type="selectBox">Payback Period</option>
+                         <option class="levelizedCostOfElectricity" key="levelizedCostOfElectricity" type="selectBox">Levelized Cost Of Electricity</option>
+                         <option class="internalRateOfReturn" key="internalRateOfReturn" type="selectBox">Internal Rate Of Return</option>
+                         <option class="discountedPaybackPeriod" key="discountedPaybackPeriod" type="selectBox">Discounted Payback Period</option>
+                         <option class="shadowValue" key="shadowValue" type="selectBox">Shadow Value</option>
+                         
+                     </select>
+                     <span class="focus"></span>
+                   </div>
+             </div>
             <!--Draw-menu-->
             <button class="dropdown-btn"><span class='lang' key='drawbox'>Draw box</span><i class="fa fa-caret-down"></i></button>
             <div class="dropdown-container">