diff --git a/src/index.less b/src/index.less
index e7cfe279f..b451cd3ad 100644
--- a/src/index.less
+++ b/src/index.less
@@ -227,7 +227,7 @@ label,
 
 .button {
   margin-right: 1rem;
-  background: var(--gradient-to);
+  background: var(--sq-blue600);
   color: white;
 }
 
@@ -284,3 +284,13 @@ label,
   height: 100%;
   max-height: 60px;
 }
+
+
+.ant-btn-primary {
+  background-color: var(--sq-blue600);
+}
+
+.ant-steps .ant-steps-item-process .ant-steps-item-icon {
+  background-color: var(--sq-blue600);
+  border-color: var(--sq-blue600);
+}
\ No newline at end of file
diff --git a/src/pages/consumer/MyOffers/MyOffers.module.css b/src/pages/consumer/MyOffers/MyOffers.module.css
index c4fa5763d..c20ecf3ba 100644
--- a/src/pages/consumer/MyOffers/MyOffers.module.css
+++ b/src/pages/consumer/MyOffers/MyOffers.module.css
@@ -9,6 +9,7 @@
 
 .create {
   height: 40px;
+  flex-shrink: 0;
 }
 
 .description {
diff --git a/src/pages/delegator/DoDelegate/DelegateFrom.tsx b/src/pages/delegator/DoDelegate/DelegateFrom.tsx
index c09908e5a..e2d7763e6 100644
--- a/src/pages/delegator/DoDelegate/DelegateFrom.tsx
+++ b/src/pages/delegator/DoDelegate/DelegateFrom.tsx
@@ -222,7 +222,7 @@ export const DelegateForm: React.FC<FormProps> = ({
       {({ submitForm, isValid, isSubmitting, setFieldValue, setErrors, values, resetForm }) => {
         return (
           <Form>
-            <div>
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
               <SummaryList list={summaryList} />
               <Divider className={styles.divider} />
 
diff --git a/src/pages/delegator/DoDelegate/DoDelegate.module.less b/src/pages/delegator/DoDelegate/DoDelegate.module.less
index 6b072fc09..f9f84a162 100644
--- a/src/pages/delegator/DoDelegate/DoDelegate.module.less
+++ b/src/pages/delegator/DoDelegate/DoDelegate.module.less
@@ -16,11 +16,6 @@
   margin: 1rem 0;
 }
 
-.divider {
-  margin-top: 28px;
-  margin-bottom: 24px;
-}
-
 .delegatorSelect {
 
   :global {
@@ -32,7 +27,7 @@
     }
 
     .ant-select-selection-search-input.ant-select-selection-search-input.ant-select-selection-search-input.ant-select-selection-search-input {
-      margin-top: 7px;
+      margin-top: 5px;
     }
 
     .ant-space {
diff --git a/src/pages/indexer/MyPlans/Create/Create.module.less b/src/pages/indexer/MyPlans/Create/Create.module.less
index 79ecacf1d..808a905ab 100644
--- a/src/pages/indexer/MyPlans/Create/Create.module.less
+++ b/src/pages/indexer/MyPlans/Create/Create.module.less
@@ -57,3 +57,7 @@
     }
   }
 }
+
+.planSelector:global(.ant-select-single.ant-select-lg) {
+      height: 60px;
+}
diff --git a/src/pages/indexer/MyPlans/Create/Create.tsx b/src/pages/indexer/MyPlans/Create/Create.tsx
index 7b23ebcfb..919d2def9 100644
--- a/src/pages/indexer/MyPlans/Create/Create.tsx
+++ b/src/pages/indexer/MyPlans/Create/Create.tsx
@@ -143,7 +143,7 @@ const DeploymentIdOptions = ({ onChooseSpecificPlan }: { onChooseSpecificPlan: (
         placeholder="Select specific deployment Id"
         optionFilterProp="children"
         onChange={(deploymentId) => onChooseSpecificPlan(deploymentId)}
-        className={clsx('fullWidth', 'flex')}
+        className={clsx('fullWidth', 'flex', styles.planSelector)}
         loading={indexerDeployments.loading}
         size="large"
         allowClear
diff --git a/src/pages/indexer/MyPlans/Plans.module.css b/src/pages/indexer/MyPlans/Plans.module.css
index 0f7122e9e..8c93ff811 100644
--- a/src/pages/indexer/MyPlans/Plans.module.css
+++ b/src/pages/indexer/MyPlans/Plans.module.css
@@ -7,4 +7,5 @@
 
 .create {
   height: 40px;
+  flex-shrink: 0;
 }