diff --git a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
index 830be70aa6da6dbc5781b32e12ee895cf9db0f9f..4e9343bc6112314b12d844dff390505dea7f5993 100644
--- a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
+++ b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.scss
@@ -63,10 +63,12 @@ mat-divider {
 .color-box{
   flex: 1 1 100%;
   box-sizing: border-box;
+  border: 2px solid var(--on-dialog);
   height: 30px;
   width: 20px;
   border-radius: 50%;
   margin-top: 13px;
+  transform: translateY(-4px);
   display: block;
   position: relative;
   right: 40px;