Skip to content

Commit d6682dc

Browse files
fix(tag): remove default tag margin (#20375)
Co-authored-by: Riddhi Bansal <41935566+riddhybansal@users.noreply.github.com>
1 parent abe66f0 commit d6682dc

File tree

3 files changed

+14
-1
lines changed

3 files changed

+14
-1
lines changed

packages/react/src/components/Tag/Tag.stories.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import { AILabel, AILabelContent, AILabelActions } from '../AILabel';
1515
import { IconButton } from '../IconButton';
1616
import '../AILabel/ailabel-story.scss';
1717
import mdx from './Tag.mdx';
18+
import './story.scss';
1819

1920
export default {
2021
title: 'Components/Tag',
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
//
2+
// Copyright IBM Corp. 2025
3+
//
4+
// This source code is licensed under the Apache-2.0 license found in the
5+
// LICENSE file in the root directory of this source tree.
6+
//
7+
8+
@use '@carbon/react/scss/config' as *;
9+
@use '@carbon/react/scss/spacing' as *;
10+
11+
.#{$prefix}--tag {
12+
margin: $spacing-02;
13+
}

packages/styles/scss/components/tag/_tag.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@
4545
align-items: center;
4646
justify-content: center;
4747
border-radius: convert.to-rem(16px);
48-
margin: $spacing-02;
4948
cursor: default;
5049
// restricts size of contained elements
5150
max-inline-size: convert.to-rem(208px);

0 commit comments

Comments
 (0)