fix: adjust drawer header inline padding to ensure consistent spacing. (#624)

* fix: adjust drawer header inline padding to ensure consistent spacing.

* fix: update Drawer snapshot due to changes in generated CSS class names.

* refactor(Drawer styles): remove responsive padding for drawer header

* fix: update Drawer snapshots to reflect new CSS class names for header and footer elements.

Author: eirinigri

src/components/Drawer/__snapshots__/Drawer.test.tsx.snap

@@ -27,7 +27,7 @@ exports[`<Drawer/> matches snapshot with close button 1`] = `
       style="opacity: 0; transform: none;"
     >
       <header
-        class="css-13we4q5-drawerHeader-drawerHeader"
+        class="css-1g6o1c2-drawerHeader-drawerHeader"
         data-testid="drawer-header"
         id="drawer-title"
       >
@@ -88,7 +88,7 @@ exports[`<Drawer/> matches snapshot with header, body and footer 1`] = `
       style="opacity: 0; transform: none;"
     >
       <header
-        class="css-13we4q5-drawerHeader-drawerHeader"
+        class="css-1g6o1c2-drawerHeader-drawerHeader"
         data-testid="drawer-header"
         id="drawer-title"
       >
@@ -117,7 +117,7 @@ exports[`<Drawer/> matches snapshot with header, body and footer 1`] = `
         Test body
       </div>
       <footer
-        class="css-ss7yvy-footerContainer-footerContainer"
+        class="css-y31tuq-footerContainer-footerContainer"
         data-testid="drawer-footer"
       >
         Test footer
@@ -159,7 +159,7 @@ exports[`<Drawer/> matches snapshot with noGutters Header 1`] = `
       style="opacity: 0; transform: none;"
     >
       <header
-        class="css-glijxi-drawerHeader-drawerHeader"
+        class="css-i0u3sy-drawerHeader-drawerHeader"
         data-testid="drawer-header"
         id="drawer-title"
       >
@@ -219,7 +219,7 @@ exports[`<Drawer/> matches snapshot with right placement 1`] = `
       style="opacity: 0; transform: translateX(100%) translateZ(0);"
     >
       <header
-        class="css-13we4q5-drawerHeader-drawerHeader"
+        class="css-1g6o1c2-drawerHeader-drawerHeader"
         data-testid="drawer-header"
         id="drawer-title"
       >

src/components/Drawer/components/styles.ts

@@ -6,15 +6,11 @@ export const drawerHeader = ({ noGutters }: { noGutters: boolean }): SerializedS
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-inline: ${noGutters ? 0 : "2rem 0"};
+    padding-inline: ${noGutters ? 0 : "2rem"};
     padding-block: ${noGutters ? 0 : "1rem"};
     height: 100%;
     max-height: 4.5rem;
 
-    ${mq["sm"]} {
-      padding: ${noGutters ? 0 : "1rem 2rem"};
-    }
-
     .close-button {
       margin-inline-end: -0.8rem;
     }