2 files changed, 8 insertions, 5 deletions
diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.css b/js/components/tools-properties/pen-properties.reel/pen-properties.css
index 01a0ca1f..d08d0abd 100755
--- a/js/components/tools-properties/pen-properties.reel/pen-properties.css
+++ b/js/components/tools-properties/pen-properties.reel/pen-properties.css
@@ -4,7 +4,6 @@
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
- 
 .optionsPenTool {
    padding: 6px;
 }
@@ -16,11 +15,14 @@
 .optionsPenTool .fillColorCtrl,  .optionsPenTool .strokeColorCtrl {
    width: 20px;
    height: 18px;
-    margin: 2px 6px;
+    margin-left: 3px;    
+    margin-right: 8px;    
+    border: 1px black solid;
 }
 .optionsPenTool .colorCtrlIcon {
    width: 20px;
    height: 20px;
-    background-color: rgb(54, 54, 54);
+    -webkit-transform: scale(0.8);
+    background-color: rgb(40, 40, 40);
 }
 \ No newline at end of file
diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.html b/js/components/tools-properties/pen-properties.reel/pen-properties.html
index 176663df..9bae188e 100755
--- a/js/components/tools-properties/pen-properties.reel/pen-properties.html
+++ b/js/components/tools-properties/pen-properties.reel/pen-properties.html
@@ -40,10 +40,11 @@
    <body>
    <div data-montage-id="penProperties" class="subToolHolderPanel optionsPenTool">
-        <div class="colorCtrlIcon FillTool"></div>
-        <div data-montage-id="fillColorCtrl" class="fillColorCtrl"></div>
        <div class="colorCtrlIcon PencilTool"></div>
        <div data-montage-id="strokeColorCtrl" class="strokeColorCtrl"></div>
+        <div class="colorCtrlIcon FillTool"></div>
+        <div data-montage-id="fillColorCtrl" class="fillColorCtrl"></div>
+        <div class="nj-divider divider-vertical">&nbsp;</div>
        <label class="label"> Stroke:</label>
        <div id="strokeSize" class="label"></div>
    </div>