diff --git a/tools/border-image-generator/index.html b/tools/border-image-generator/index.html
index b682c79..0ab0e5d 100644
--- a/tools/border-image-generator/index.html
+++ b/tools/border-image-generator/index.html
@@ -151,6 +151,10 @@
           <div class="title">
             CSS Code <button type="button" id="copy-css">Click to Copy</button>
           </div>
+          <div class="css-property">
+            <span class="name">border-style: </span>
+            <span id="out-border-style" class="value">solid;</span>
+          </div>
           <div class="css-property">
             <span class="name">border-image-slice: </span>
             <span id="out-border-slice" class="value"> =</span>
@@ -171,10 +175,6 @@
             <span class="name">border-image-source: </span>
             <span id="out-border-source" class="value"></span>
           </div>
-          <div class="css-property">
-            <span class="name">border-style: </span>
-            <span id="out-border-style" class="value">solid;</span>
-          </div>
         </div>
       </div>
     </div>