diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataContract/ContractViewSwitchTab/contract-view-switch-tab.less b/openmetadata-ui/src/main/resources/ui/src/components/DataContract/ContractViewSwitchTab/contract-view-switch-tab.less
index 3715cb42157..fb591df9fe3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/DataContract/ContractViewSwitchTab/contract-view-switch-tab.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/DataContract/ContractViewSwitchTab/contract-view-switch-tab.less
@@ -15,11 +15,22 @@
 
 .contract-mode-radio-group {
   border-radius: @size-xs;
-  border: 1px solid @border-color-7;
+  border: 1px solid @grey-300;
   padding: 4px;
   overflow: hidden;
+
+  .ant-radio-button-wrapper,
+  .ant-radio-button-wrapper-checked {
+    border: none;
+
+    &::before {
+      background: transparent;
+    }
+  }
+
   .ant-radio-button-wrapper:first-child {
     border-radius: @size-xs 0 0 @size-xs;
+    border-left: none;
   }
   .ant-radio-button-wrapper:last-child {
     border-radius: 0 @size-xs @size-xs 0;
@@ -32,4 +43,23 @@
       }
     }
   }
+
+  .ant-radio-button-wrapper:not(:first-child)::before {
+    width: 2px;
+  }
+
+  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+    background-color: @primary-50;
+
+    &::before {
+      width: 1px !important;
+      background: @grey-300;
+    }
+
+    &:hover {
+      &::before {
+        background: @grey-300;
+      }
+    }
+  }
 }
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/TabsLabel/tabs-label.less b/openmetadata-ui/src/main/resources/ui/src/components/common/TabsLabel/tabs-label.less
index 6337edcab39..7786b2712a1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/TabsLabel/tabs-label.less
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/TabsLabel/tabs-label.less
@@ -22,11 +22,14 @@
   }
   .service-beta-tag {
     position: absolute;
-    top: 0px;
-    right: -20px;
+    top: 3px;
+    right: -22px;
 
     sup {
-      height: 16px;
+      height: 14px;
+      padding: 2px 4px;
+      font-size: 8px;
+      font-weight: 500;
       display: flex;
       justify-content: center;
       align-items: center;
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/app.less b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
index de95d1c0a86..1604dba1889 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/app.less
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/app.less
@@ -578,14 +578,16 @@ a[href].link-text-grey,
 
 // beta tag for service page
 .service-beta-tag {
+  border-radius: 8px;
   sup {
     height: auto;
     padding: 0 4px;
     margin-left: 2px;
     font-size: 10px;
-    background: @primary-1;
-    border: 1px solid @primary-color;
-    color: @primary-color;
+    font-weight: 500;
+    background: @primary-50;
+    border: 1px solid @primary-1;
+    color: @primary-8;
   }
 }
 
@@ -597,9 +599,9 @@ a[href].link-text-grey,
     border-radius: 30px;
     margin-left: 2px;
     font-size: 10px;
-    background: @primary-1;
-    border: 1px solid @primary-color;
-    color: @primary-color;
+    background: @primary-50;
+    border: 1px solid @primary-1;
+    color: @primary-8;
   }
 }