diff --git a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx index a847676dae..eaf95bd2b3 100644 --- a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx +++ b/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx @@ -52,7 +52,7 @@ const EncryptionErrorContent = (props: Props) => { size="s" color="warning" onClick={disableEncryption} - className="toast-danger-btn" + className="toast-danger-btn euiBorderWidthThick" data-testid="toast-action-btn" > Disable Encryption diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss index 466d660140..92487f62b7 100644 --- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss +++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss @@ -3,7 +3,6 @@ backface-visibility: hidden; border-bottom: 1px solid transparent; transition: border-color 0.2s ease-in-out; - will-change: border-color; .group-header { font: normal normal medium 11px/15px Graphik; letter-spacing: 1.1px; diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss index 6912156070..a46a29e930 100644 --- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss +++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss @@ -35,7 +35,6 @@ height: 100%; transform: translateX(calc(100% + 8px)); backface-visibility: hidden; - will-change: transform; transition: transform 0.4s ease-in-out; box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.2); } diff --git a/redisinsight/ui/src/styles/components/_buttons.scss b/redisinsight/ui/src/styles/components/_buttons.scss index 694f4c9c5f..1aef36e4c7 100644 --- a/redisinsight/ui/src/styles/components/_buttons.scss +++ b/redisinsight/ui/src/styles/components/_buttons.scss @@ -1,3 +1,5 @@ +@import '@elastic/eui/src/global_styling/index'; + .euiButton { &.euiButton--secondary { color: var(--buttonSecondaryTextColor) !important; @@ -36,6 +38,9 @@ } } } +.euiButton.euiBorderWidthThick { + border-width: $euiBorderWidthThick; +} .euiButton.euiButton-isDisabled.euiButton--fill { opacity: 0.6;