1 files changed, 25 insertions, 10 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
index 04f410c5f..964268de5 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
@@ -316,17 +316,19 @@ p.compType-4{
   color: #C3CDDB;
 }
 .actionBtns .btn{
-  margin: 0 15px 12px;
-  padding: 9px 20px;
-  border-radius: 2px !important;
-  font-size: 12px;
+  margin: 0px 15px 16px -90px;
+  /* padding: 9px 20px; */
+  border-radius: 0px;
+  font-size: 14px;
   font-weight: bold;
-  outline: 0 !important;
+  /* outline: 0 !important; */
+  float: left;
+  
 }
 .actionBtns .btn.insert-custom{
-  background: #1B3E6F;
-  border: solid 1px #1B3E6F;
-  color: #fff;
+  /* background: white; */
+  /* border: solid 1px #1B3E6F; */
+  color: #1B3E6F;
 }
 .actionBtns .btn.import-action{
   border: solid 1px #D0DFF1;
@@ -347,6 +349,18 @@ p.compType-4{
 .custom-control-label:hover{
   cursor: pointer;
 }
+.custom-control{
+  padding-top: 10px;
+  width: 315px;
+  height: 40px;
+  margin-left: -15px;
+  font-size: 14px;
+  padding-bottom: 0;
+}
+.custom-control:hover{
+    background-color: white;
+}
+
 .actionsList .custom-checkbox,
 .componentsList .list-group-item{
   margin-bottom: 10px;
@@ -405,8 +419,9 @@ p.compType-4{
  
 /*CANVAS*/
 .editBar{
-  width: 200px;
-  margin: 0 auto 0;
+  width: 1080px;
+  height: 50px;
+  margin: 0 auto 0 -392px;
   padding: 6px 10px;
   background:#F4F9FE;
   /* border: solid 1px #E8EFF8; */