diff --git a/apps/poc-state-plugin/src/app/app.component.ts b/apps/poc-state-plugin/src/app/app.component.ts
index d5b26e8..ef33398 100644
--- a/apps/poc-state-plugin/src/app/app.component.ts
+++ b/apps/poc-state-plugin/src/app/app.component.ts
@@ -21,7 +21,7 @@ import type { PenpotShape } from '@penpot/plugin-types';
         <div class="name-wrap">
           <label>Selected Shape: </label>
           <input class="input" type="text" formControlName="name" />
-          <button type="submit">Update</button>
+          <button type="submit" data-appearance="primary">Update</button>
         </div>
       </form>
 
diff --git a/libs/plugins-styles/src/lib/components/button.css b/libs/plugins-styles/src/lib/components/button.css
index ec3972b..fa6d800 100644
--- a/libs/plugins-styles/src/lib/components/button.css
+++ b/libs/plugins-styles/src/lib/components/button.css
@@ -1,4 +1,4 @@
-button {
+:where([data-appearance]:is(button), [role='tab']:is(button)) {
   border: 2px solid transparent;
   font-weight: 500;
   font-size: 12px;