From 56fcd59fc37a113cd01c4b22322c3f54d736b86a Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Thu, 6 Mar 2025 10:45:02 +0000
Subject: [PATCH] 400924741: (fix) [GM3] [Testing] change security tag design

---
 .../app/pages/testrun/testrun.component.scss  | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/modules/ui/src/app/pages/testrun/testrun.component.scss b/modules/ui/src/app/pages/testrun/testrun.component.scss
index 800e24dd9..1c58ca01c 100644
--- a/modules/ui/src/app/pages/testrun/testrun.component.scss
+++ b/modules/ui/src/app/pages/testrun/testrun.component.scss
@@ -116,24 +116,30 @@
   align-self: flex-start;
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 10px;
   margin-left: 10px;
   position: absolute;
   left: 100%;
+  bottom: 30px;
 }
 
 .toolbar-tag {
-  background-color: colors.$primary;
-  color: colors.$white;
-  font-family: variables.$font-primary;
-  font-size: 8px;
+  display: flex;
+  box-sizing: border-box;
+  height: 32px;
+  padding: 6px 16px;
+  justify-content: center;
+  align-items: center;
+  color: colors.$on-surface;
+  background: colors.$white;
+  border: 1px solid colors.$outline-variant;
+  border-radius: 8px;
+  font-family: variables.$font-text;
+  font-size: 14px;
   font-weight: 500;
-  height: 16px;
-  line-height: 16px;
-  letter-spacing: 0.6px;
-  text-align: center;
-  padding: 0 4px 0 4px;
-  border-radius: 2px;
+  line-height: 20px;
+  letter-spacing: 0;
+
   &:hover {
     cursor: pointer;
   }