diff --git a/src/components/organisms/Accordion/AccordionHeader/AccordionHeader.tsx b/src/components/organisms/Accordion/AccordionHeader/AccordionHeader.tsx
index 42591c07e..691f6bca5 100644
--- a/src/components/organisms/Accordion/AccordionHeader/AccordionHeader.tsx
+++ b/src/components/organisms/Accordion/AccordionHeader/AccordionHeader.tsx
@@ -74,12 +74,12 @@ const AccordionHeader = ({ children, id, index, textSize = 'body', onClick, ...r
return (
-
-
+
+
{children}
-
-
+
+
);
};
diff --git a/src/components/organisms/Accordion/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap b/src/components/organisms/Accordion/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap
index 1239ca6b1..7eb71872c 100644
--- a/src/components/organisms/Accordion/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap
+++ b/src/components/organisms/Accordion/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap
@@ -17,6 +17,26 @@ exports[` renders the component with no a11y violations 1`] =
}
.c1 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: left;
+ background-color: #F7F7F7;
+ width: 100%;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ position: relative;
+ padding: 16px 43px 16px 16px;
+}
+
+.c2 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
@@ -27,8 +47,8 @@ exports[` renders the component with no a11y violations 1`] =
top: 40%;
}
-.c1:after,
-.c1:before {
+.c2:after,
+.c2:before {
content: '';
position: absolute;
top: 0;
@@ -39,12 +59,12 @@ exports[` renders the component with no a11y violations 1`] =
background-color: #818F9B;
}
-.c1:before {
+.c2:before {
width: 100%;
height: 3px;
}
-.c1:after {
+.c2:after {
height: 100%;
width: 3px;
}
@@ -58,9 +78,13 @@ exports[` renders the component with no a11y violations 1`] =
id="one"
type="button"
>
- Header
-
+ >
+ Header
+
+
`;