diff --git a/addons/rose/addon/styles/rose/components/_badge.scss b/addons/rose/addon/styles/rose/components/_badge.scss
index 716c97122..6637559db 100644
--- a/addons/rose/addon/styles/rose/components/_badge.scss
+++ b/addons/rose/addon/styles/rose/components/_badge.scss
@@ -10,8 +10,8 @@
   display: inline-block;
 
   --color: var(--ui-gray-starker-1);
-  --border-color: var(--ui-gray-subtler-5);
-  --background-color: none;
+  --border-color: transparent;
+  --background-color: var(--ui-gray-subtler-4);
 
   color: var(--color);
   border-color: var(--border-color);
diff --git a/ui/core/app/components/form/target/add-host-sets/index.hbs b/ui/core/app/components/form/target/add-host-sets/index.hbs
index 5ace0a855..bd0f9f5fe 100644
--- a/ui/core/app/components/form/target/add-host-sets/index.hbs
+++ b/ui/core/app/components/form/target/add-host-sets/index.hbs
@@ -31,7 +31,7 @@
           </row.cell>
           <row.cell>{{hostSet.name}}</row.cell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.host_catalog_id}}</code>
diff --git a/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs b/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
index 344a97929..ce0ea1a8b 100644
--- a/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
+++ b/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
@@ -1,7 +1,7 @@
 <Rose::Layout::Page as |page|>
   <page.header>
     <h2>{{t "resources.auth-method"}}</h2>
-    <Rose::Badge @style="outline">
+    <Rose::Badge>
       {{t (concat 'auth.method-types.' @model.type)}}
     </Rose::Badge>
   </page.header>
@@ -37,4 +37,4 @@
       @cancel={{route-action "cancel" @model}}
     />
   </page.body>
-</Rose::Layout::Page>
\ No newline at end of file
+</Rose::Layout::Page>
diff --git a/ui/core/app/templates/scopes/scope/auth-methods/index.hbs b/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
index 3a7d79661..026486f85 100644
--- a/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
+++ b/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
@@ -40,7 +40,7 @@
                 <p>{{authMethod.description}}</p>
               </row.headerCell>
               <row.cell>
-                <Rose::Badge @style="outline">
+                <Rose::Badge>
                   {{t (concat 'auth.method-types.' authMethod.type)}}
                 </Rose::Badge>
               </row.cell>
@@ -68,4 +68,4 @@
 
     {{/if}}
   </page.body>
-</Rose::Layout::Page>
\ No newline at end of file
+</Rose::Layout::Page>
diff --git a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/index.hbs
index a3d132659..86480c6c9 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/index.hbs
@@ -21,7 +21,7 @@
             <p>{{hostSet.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.id}}</code>
diff --git a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/index.hbs
index 3e5b48c5f..a69301cbf 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/index.hbs
@@ -21,7 +21,7 @@
             <p>{{host.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{host.type}}</Rose::Badge>
+            <Rose::Badge>{{host.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{host.id}}</code>
diff --git a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/index.hbs
index a18df49a4..033934007 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/host-catalogs/index.hbs
@@ -42,7 +42,7 @@
                 <p>{{hostCatalog.description}}</p>
               </row.headerCell>
               <row.cell>
-                <Rose::Badge @style="outline">
+                <Rose::Badge>
                   {{hostCatalog.type}}
                 </Rose::Badge>
               </row.cell>
diff --git a/ui/core/app/templates/scopes/scope/projects/project/targets/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/targets/index.hbs
index 16511299f..aa75e21cb 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/targets/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/targets/index.hbs
@@ -42,7 +42,7 @@
               </row.headerCell>
               <row.cell>
                 {{#if target.protocol}}
-                  <Rose::Badge @style="outline">
+                  <Rose::Badge>
                     {{t (concat "target.protocols." target.protocol)}}
                   </Rose::Badge>
                 {{/if}}
diff --git a/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs b/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
index 58638e1a3..9e993038e 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
@@ -19,7 +19,7 @@
             <p>{{hostSet.model.description}}</p>
           </row.headerCell>
           <row.cell>
-            <Rose::Badge @style="outline">{{hostSet.model.type}}</Rose::Badge>
+            <Rose::Badge>{{hostSet.model.type}}</Rose::Badge>
           </row.cell>
           <row.cell>
             <code>{{hostSet.model.id}}</code>