set css directly on helptext

Altinn · Oct 30, 2024 · bc79290 · bc79290
1 parent 5de6082
commit bc79290
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/...ngsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.module.css b/...ngsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.module.css
@@ -1,9 +1,12 @@
 .tabHeaderContent {
   display: flex;
-  align-items: flex-start;
   gap: var(--fds-spacing-2);
 }
 
+.helpText {
+  height: fit-content;
+}
+
 .docsLinkText {
   margin-top: var(--fds-spacing-10);
   display: flex;

diff --git a/...r/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.tsx b/...r/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.tsx
@@ -50,7 +50,11 @@ export const AccessControlTab = (): ReactNode => {
     <TabContent>
       <div className={classes.tabHeaderContent}>
         <TabHeader text={t('settings_modal.access_control_tab_heading')} />
-        <HelpText size='small' title={t('settings_modal.access_control_tab_help_text_title')}>
+        <HelpText
+          size='small'
+          title={t('settings_modal.access_control_tab_help_text_title')}
+          className={classes.helpText}
+        >
           {t('settings_modal.access_control_tab_help_text_heading')}
         </HelpText>
       </div>