diff --git a/src/app-components/Label/Label.tsx b/src/app-components/Label/Label.tsx
index c80c75f8d..2480fb1d8 100644
--- a/src/app-components/Label/Label.tsx
+++ b/src/app-components/Label/Label.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PropsWithChildren, ReactElement } from 'react';
+import type { JSX, PropsWithChildren, ReactElement } from 'react';
 
 import { Label as DesignsystemetLabel } from '@digdir/designsystemet-react';
 import { Grid, type GridProps } from '@material-ui/core';
@@ -10,10 +10,6 @@ import classes from 'src/app-components/Label/Label.module.css';
 
 type GridSize = Pick<GridProps, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 
-type RequiredIndicatorProps =
-  | { required: true; requiredIndicator: ReactElement }
-  | { required?: false; requiredIndicator?: ReactElement };
-
 type LabelProps = {
   label: string | undefined;
   optionalIndicator?: ReactElement;
@@ -21,8 +17,9 @@ type LabelProps = {
   description?: ReactElement;
   className?: string;
   grid?: GridSize;
-} & RequiredIndicatorProps &
-  Pick<DesignsystemetLabelProps, 'htmlFor' | 'style'>;
+  required?: boolean;
+  requiredIndicator?: JSX.Element;
+} & Pick<DesignsystemetLabelProps, 'htmlFor' | 'style'>;
 
 export function Label({
   label,
diff --git a/src/components/form/OptionalIndicator.tsx b/src/components/form/OptionalIndicator.tsx
index 026e3174f..a39612224 100644
--- a/src/components/form/OptionalIndicator.tsx
+++ b/src/components/form/OptionalIndicator.tsx
@@ -2,15 +2,11 @@ import React from 'react';
 
 import { useLanguage } from 'src/features/language/useLanguage';
 
-type OptionalIndicatorProps = {
+export type OptionalIndicatorProps = {
   readOnly?: boolean;
-} & (
-  | {
-      required: true;
-      showOptionalMarking?: boolean;
-    }
-  | { required?: false; showOptionalMarking: boolean }
-);
+  required?: boolean;
+  showOptionalMarking?: boolean;
+};
 
 export const OptionalIndicator = ({ readOnly, required, showOptionalMarking }: OptionalIndicatorProps) => {
   const { langAsString } = useLanguage();
diff --git a/src/layout/Datepicker/DatepickerComponent.tsx b/src/layout/Datepicker/DatepickerComponent.tsx
index d7c598939..92a74f331 100644
--- a/src/layout/Datepicker/DatepickerComponent.tsx
+++ b/src/layout/Datepicker/DatepickerComponent.tsx
@@ -1,17 +1,12 @@
 import React, { useState } from 'react';
 
-import { HelpText } from '@digdir/designsystemet-react';
 import { Grid } from '@material-ui/core';
 import { CalendarIcon } from '@navikt/aksel-icons';
 import { formatDate, isValid as isValidDate } from 'date-fns';
 
 import { Button } from 'src/app-components/button/Button';
 import { Label } from 'src/app-components/Label/Label';
-import { Description } from 'src/components/form/Description';
-import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
-import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { useDataModelBindings } from 'src/features/formData/useDataModelBindings';
-import { Lang } from 'src/features/language/Lang';
 import { useCurrentLanguage } from 'src/features/language/LanguageProvider';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { useIsMobile } from 'src/hooks/useDeviceWidths';
@@ -22,6 +17,7 @@ import { DatePickerDialog } from 'src/layout/Datepicker/DatepickerDialog';
 import { DatePickerInput } from 'src/layout/Datepicker/DatePickerInput';
 import { getDateConstraint, getDateFormat, getSaveFormattedDateString, strictParseISO } from 'src/utils/dateHelpers';
 import { getDatepickerFormat } from 'src/utils/formatDateLocale';
+import { useLabel } from 'src/utils/layout/useLabel';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { PropsFromGenericComponent } from 'src/layout';
 
@@ -68,41 +64,26 @@ export function DatepickerComponent({ node, overrideDisplay }: IDatepickerProps)
     setValue('simpleBinding', isoDateString);
   };
 
-  const label =
-    (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true
-      ? langAsString(textResourceBindings?.title)
-      : undefined;
+  const { labelText, getRequiredComponent, getOptionalComponent, getHelpTextComponent, getDescriptionComponent } =
+    useLabel({
+      overrideDisplay,
+      textResourceBindings,
+      readOnly,
+      required,
+      showOptionalMarking: !!labelSettings?.optionalIndicator,
+    });
 
   return (
     <>
       <Label
         htmlFor={id}
-        label={label}
+        label={labelText}
         grid={grid?.labelGrid}
         required={required}
-        requiredIndicator={<RequiredIndicator required={required} />}
-        optionalIndicator={
-          <OptionalIndicator
-            readOnly={readOnly}
-            required={required}
-            showOptionalMarking={!!labelSettings?.optionalIndicator}
-          />
-        }
-        help={
-          textResourceBindings?.help ? (
-            <HelpText
-              id={`${id}-helptext`}
-              title={`${langAsString('helptext.button_title_prefix')} ${langAsString(textResourceBindings?.title)}`}
-            >
-              <Lang id={textResourceBindings?.help} />
-            </HelpText>
-          ) : undefined
-        }
-        description={
-          textResourceBindings?.description ? (
-            <Description description={<Lang id={textResourceBindings?.description} />} />
-          ) : undefined
-        }
+        requiredIndicator={getRequiredComponent()}
+        optionalIndicator={getOptionalComponent()}
+        help={getHelpTextComponent()}
+        description={getDescriptionComponent()}
       >
         <ComponentStructureWrapper node={node}>
           <div className={styles.calendarGrid}>
diff --git a/src/layout/Dropdown/DropdownComponent.tsx b/src/layout/Dropdown/DropdownComponent.tsx
index d22eb4ae9..e9e44276c 100644
--- a/src/layout/Dropdown/DropdownComponent.tsx
+++ b/src/layout/Dropdown/DropdownComponent.tsx
@@ -1,13 +1,10 @@
 import React, { useCallback } from 'react';
 
-import { Combobox, HelpText } from '@digdir/designsystemet-react';
+import { Combobox } from '@digdir/designsystemet-react';
 
 import { Label } from 'src/app-components/Label/Label';
 import { AltinnSpinner } from 'src/components/AltinnSpinner';
 import { ConditionalWrapper } from 'src/components/ConditionalWrapper';
-import { Description } from 'src/components/form/Description';
-import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
-import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { DeleteWarningPopover } from 'src/features/alertOnChange/DeleteWarningPopover';
 import { useAlertOnChange } from 'src/features/alertOnChange/useAlertOnChange';
 import { FD } from 'src/features/formData/FormDataWrite';
@@ -17,6 +14,7 @@ import { useGetOptions } from 'src/features/options/useGetOptions';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import comboboxClasses from 'src/styles/combobox.module.css';
+import { useLabel } from 'src/utils/layout/useLabel';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { PropsFromGenericComponent } from 'src/layout';
 
@@ -28,6 +26,15 @@ export function DropdownComponent({ node, overrideDisplay }: IDropdownProps) {
   const { id, readOnly, textResourceBindings, alertOnChange, grid, required, labelSettings } = item;
   const { langAsString, lang } = useLanguage(node);
 
+  const { labelText, getRequiredComponent, getOptionalComponent, getHelpTextComponent, getDescriptionComponent } =
+    useLabel({
+      overrideDisplay,
+      textResourceBindings,
+      readOnly,
+      required,
+      showOptionalMarking: !!labelSettings?.optionalIndicator,
+    });
+
   const { options, isFetching, selectedValues, setData } = useGetOptions(node, 'single');
   const debounce = FD.useDebounceImmediately();
 
@@ -54,11 +61,6 @@ export function DropdownComponent({ node, overrideDisplay }: IDropdownProps) {
     return <AltinnSpinner />;
   }
 
-  const label =
-    (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true
-      ? langAsString(textResourceBindings?.title)
-      : undefined;
-
   return (
     <ConditionalWrapper
       condition={Boolean(alertOnChange)}
@@ -77,32 +79,13 @@ export function DropdownComponent({ node, overrideDisplay }: IDropdownProps) {
     >
       <Label
         htmlFor={id}
-        label={label}
+        label={labelText}
         grid={grid?.labelGrid}
         required={required}
-        requiredIndicator={<RequiredIndicator required={required} />}
-        optionalIndicator={
-          <OptionalIndicator
-            readOnly={readOnly}
-            required={required}
-            showOptionalMarking={!!labelSettings?.optionalIndicator}
-          />
-        }
-        help={
-          textResourceBindings?.help ? (
-            <HelpText
-              id={`${id}-helptext`}
-              title={`${langAsString('helptext.button_title_prefix')} ${langAsString(textResourceBindings?.title)}`}
-            >
-              <Lang id={textResourceBindings?.help} />
-            </HelpText>
-          ) : undefined
-        }
-        description={
-          textResourceBindings?.description ? (
-            <Description description={<Lang id={textResourceBindings?.description} />} />
-          ) : undefined
-        }
+        requiredIndicator={getRequiredComponent()}
+        optionalIndicator={getOptionalComponent()}
+        help={getHelpTextComponent()}
+        description={getDescriptionComponent()}
       >
         <ComponentStructureWrapper node={node}>
           <Combobox
diff --git a/src/layout/Input/InputComponent.tsx b/src/layout/Input/InputComponent.tsx
index 5f9da9d26..e063823fb 100644
--- a/src/layout/Input/InputComponent.tsx
+++ b/src/layout/Input/InputComponent.tsx
@@ -1,18 +1,12 @@
 import React from 'react';
 
-import { HelpText } from '@digdir/designsystemet-react';
-
 import { FormattedInput } from 'src/app-components/Input/FormattedInput';
 import { Input } from 'src/app-components/Input/Input';
 import { NumericInput } from 'src/app-components/Input/NumericInput';
 import { Label } from 'src/app-components/Label/Label';
-import { Description } from 'src/components/form/Description';
-import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
-import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { getDescriptionId } from 'src/components/label/Label';
 import { FD } from 'src/features/formData/FormDataWrite';
 import { useDataModelBindings } from 'src/features/formData/useDataModelBindings';
-import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { useMapToReactNumberConfig } from 'src/hooks/useMapToReactNumberConfig';
@@ -20,6 +14,7 @@ import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper'
 import classes from 'src/layout/Input/InputComponent.module.css';
 import { isNumberFormat, isPatternFormat } from 'src/layout/Input/number-format-helpers';
 import { useCharacterLimit } from 'src/utils/inputUtils';
+import { useLabel } from 'src/utils/layout/useLabel';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { InputProps } from 'src/app-components/Input/Input';
 import type { PropsFromGenericComponent } from 'src/layout';
@@ -165,43 +160,27 @@ export const InputVariant = ({ node, overrideDisplay }: Pick<IInputProps, 'node'
 };
 
 export const InputComponent: React.FunctionComponent<IInputProps> = ({ node, overrideDisplay }) => {
-  const { langAsString } = useLanguage();
   const { textResourceBindings, grid, id, required, readOnly, labelSettings } = useNodeItem(node);
 
-  const label =
-    (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true
-      ? langAsString(textResourceBindings?.title)
-      : undefined;
+  const { labelText, getRequiredComponent, getOptionalComponent, getHelpTextComponent, getDescriptionComponent } =
+    useLabel({
+      overrideDisplay,
+      textResourceBindings,
+      readOnly,
+      required,
+      showOptionalMarking: !!labelSettings?.optionalIndicator,
+    });
 
   return (
     <Label
       htmlFor={id}
-      label={label}
+      label={labelText}
       grid={grid?.labelGrid}
       required={required}
-      requiredIndicator={<RequiredIndicator required={required} />}
-      optionalIndicator={
-        <OptionalIndicator
-          readOnly={readOnly}
-          required={required}
-          showOptionalMarking={!!labelSettings?.optionalIndicator}
-        />
-      }
-      help={
-        textResourceBindings?.help ? (
-          <HelpText
-            id={`${id}-helptext`}
-            title={`${langAsString('helptext.button_title_prefix')} ${langAsString(textResourceBindings?.title)}`}
-          >
-            <Lang id={textResourceBindings?.help} />
-          </HelpText>
-        ) : undefined
-      }
-      description={
-        textResourceBindings?.description ? (
-          <Description description={<Lang id={textResourceBindings?.description} />} />
-        ) : undefined
-      }
+      requiredIndicator={getRequiredComponent()}
+      optionalIndicator={getOptionalComponent()}
+      help={getHelpTextComponent()}
+      description={getDescriptionComponent()}
     >
       <ComponentStructureWrapper node={node}>
         <InputVariant
diff --git a/src/layout/MultipleSelect/MultipleSelectComponent.tsx b/src/layout/MultipleSelect/MultipleSelectComponent.tsx
index 281258520..af50c100c 100644
--- a/src/layout/MultipleSelect/MultipleSelectComponent.tsx
+++ b/src/layout/MultipleSelect/MultipleSelectComponent.tsx
@@ -1,13 +1,10 @@
 import React, { useCallback } from 'react';
 
-import { Combobox, HelpText } from '@digdir/designsystemet-react';
+import { Combobox } from '@digdir/designsystemet-react';
 
 import { Label } from 'src/app-components/Label/Label';
 import { AltinnSpinner } from 'src/components/AltinnSpinner';
 import { ConditionalWrapper } from 'src/components/ConditionalWrapper';
-import { Description } from 'src/components/form/Description';
-import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
-import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { DeleteWarningPopover } from 'src/features/alertOnChange/DeleteWarningPopover';
 import { useAlertOnChange } from 'src/features/alertOnChange/useAlertOnChange';
 import { FD } from 'src/features/formData/FormDataWrite';
@@ -17,6 +14,7 @@ import { useGetOptions } from 'src/features/options/useGetOptions';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import comboboxClasses from 'src/styles/combobox.module.css';
+import { useLabel } from 'src/utils/layout/useLabel';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { PropsFromGenericComponent } from 'src/layout';
 
@@ -29,6 +27,15 @@ export function MultipleSelectComponent({ node, overrideDisplay }: IMultipleSele
   const debounce = FD.useDebounceImmediately();
   const { langAsString, lang } = useLanguage(node);
 
+  const { labelText, getRequiredComponent, getOptionalComponent, getHelpTextComponent, getDescriptionComponent } =
+    useLabel({
+      overrideDisplay,
+      textResourceBindings,
+      readOnly,
+      required,
+      showOptionalMarking: !!labelSettings?.optionalIndicator,
+    });
+
   const changeMessageGenerator = useCallback(
     (values: string[]) => {
       const labelsToRemove = options
@@ -53,11 +60,6 @@ export function MultipleSelectComponent({ node, overrideDisplay }: IMultipleSele
     return <AltinnSpinner />;
   }
 
-  const label =
-    (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true
-      ? langAsString(textResourceBindings?.title)
-      : undefined;
-
   return (
     <ConditionalWrapper
       condition={Boolean(alertOnChange)}
@@ -76,32 +78,13 @@ export function MultipleSelectComponent({ node, overrideDisplay }: IMultipleSele
     >
       <Label
         htmlFor={id}
-        label={label}
+        label={labelText}
         grid={grid?.labelGrid}
         required={required}
-        requiredIndicator={<RequiredIndicator required={required} />}
-        optionalIndicator={
-          <OptionalIndicator
-            readOnly={readOnly}
-            required={required}
-            showOptionalMarking={!!labelSettings?.optionalIndicator}
-          />
-        }
-        help={
-          textResourceBindings?.help ? (
-            <HelpText
-              id={`${id}-helptext`}
-              title={`${langAsString('helptext.button_title_prefix')} ${langAsString(textResourceBindings?.title)}`}
-            >
-              <Lang id={textResourceBindings?.help} />
-            </HelpText>
-          ) : undefined
-        }
-        description={
-          textResourceBindings?.description ? (
-            <Description description={<Lang id={textResourceBindings?.description} />} />
-          ) : undefined
-        }
+        requiredIndicator={getRequiredComponent()}
+        optionalIndicator={getOptionalComponent()}
+        help={getHelpTextComponent()}
+        description={getDescriptionComponent()}
       >
         <ComponentStructureWrapper node={node}>
           <Combobox
diff --git a/src/layout/TextArea/TextAreaComponent.tsx b/src/layout/TextArea/TextAreaComponent.tsx
index 493103ec1..dd4eb1189 100644
--- a/src/layout/TextArea/TextAreaComponent.tsx
+++ b/src/layout/TextArea/TextAreaComponent.tsx
@@ -1,19 +1,16 @@
 import React from 'react';
 
-import { HelpText, Textarea } from '@digdir/designsystemet-react';
+import { Textarea } from '@digdir/designsystemet-react';
 
 import { Label } from 'src/app-components/Label/Label';
-import { Description } from 'src/components/form/Description';
-import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
-import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { getDescriptionId } from 'src/components/label/Label';
 import { FD } from 'src/features/formData/FormDataWrite';
 import { useDataModelBindings } from 'src/features/formData/useDataModelBindings';
-import { Lang } from 'src/features/language/Lang';
 import { useLanguage } from 'src/features/language/useLanguage';
 import { useIsValid } from 'src/features/validation/selectors/isValid';
 import { ComponentStructureWrapper } from 'src/layout/ComponentStructureWrapper';
 import { useCharacterLimit } from 'src/utils/inputUtils';
+import { useLabel } from 'src/utils/layout/useLabel';
 import { useNodeItem } from 'src/utils/layout/useNodeItem';
 import type { PropsFromGenericComponent } from 'src/layout';
 
@@ -43,40 +40,25 @@ export function TextAreaComponent({ node, overrideDisplay }: ITextAreaProps) {
   } = useDataModelBindings(dataModelBindings, saveWhileTyping);
   const debounce = FD.useDebounceImmediately();
 
-  const label =
-    (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true
-      ? langAsString(textResourceBindings?.title)
-      : undefined;
+  const { labelText, getRequiredComponent, getOptionalComponent, getHelpTextComponent, getDescriptionComponent } =
+    useLabel({
+      overrideDisplay,
+      textResourceBindings,
+      readOnly,
+      required,
+      showOptionalMarking: !!labelSettings?.optionalIndicator,
+    });
 
   return (
     <Label
       htmlFor={id}
-      label={label}
+      label={labelText}
       grid={grid?.labelGrid}
       required={required}
-      requiredIndicator={<RequiredIndicator required={required} />}
-      optionalIndicator={
-        <OptionalIndicator
-          readOnly={readOnly}
-          required={required}
-          showOptionalMarking={!!labelSettings?.optionalIndicator}
-        />
-      }
-      help={
-        textResourceBindings?.help ? (
-          <HelpText
-            id={`${id}-helptext`}
-            title={`${langAsString('helptext.button_title_prefix')} ${langAsString(textResourceBindings?.title)}`}
-          >
-            <Lang id={textResourceBindings?.help} />
-          </HelpText>
-        ) : undefined
-      }
-      description={
-        textResourceBindings?.description ? (
-          <Description description={<Lang id={textResourceBindings?.description} />} />
-        ) : undefined
-      }
+      requiredIndicator={getRequiredComponent()}
+      optionalIndicator={getOptionalComponent()}
+      help={getHelpTextComponent()}
+      description={getDescriptionComponent()}
     >
       <ComponentStructureWrapper node={node}>
         <Textarea
diff --git a/src/utils/layout/useLabel.tsx b/src/utils/layout/useLabel.tsx
new file mode 100644
index 000000000..cc879a38b
--- /dev/null
+++ b/src/utils/layout/useLabel.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+
+import { HelpText } from '@digdir/designsystemet-react';
+
+import { Description } from 'src/components/form/Description';
+import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
+import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
+import { Lang } from 'src/features/language/Lang';
+import { useLanguage } from 'src/features/language/useLanguage';
+import type { GenericComponentOverrideDisplay } from 'src/layout/FormComponentContext';
+
+type Args = {
+  readOnly: boolean | undefined;
+  required: boolean | undefined;
+  showOptionalMarking: boolean | undefined;
+  textResourceBindings:
+    | { title?: string | undefined; help?: string | undefined; description?: string | undefined }
+    | undefined;
+  overrideDisplay: GenericComponentOverrideDisplay | undefined;
+};
+
+export function useLabel({ readOnly, required, showOptionalMarking, textResourceBindings, overrideDisplay }: Args) {
+  const { langAsString } = useLanguage();
+  const { title, help, description } = textResourceBindings ?? {};
+
+  const shouldShowLabel = (overrideDisplay?.renderLabel ?? true) && overrideDisplay?.renderedInTable !== true;
+  const labelText = shouldShowLabel ? langAsString(textResourceBindings?.title) : undefined;
+
+  const getRequiredComponent = () => (required ? <RequiredIndicator required={required} /> : undefined);
+  const getOptionalComponent = () =>
+    !required ? (
+      <OptionalIndicator
+        readOnly={readOnly}
+        required={required}
+        showOptionalMarking={showOptionalMarking}
+      />
+    ) : undefined;
+
+  const getHelpTextComponent = () =>
+    help ? (
+      <HelpText
+        id={`${title}-helptext`}
+        title={`${langAsString('helptext.button_title_prefix')} ${langAsString(title)}`}
+      >
+        <Lang id={help} />
+      </HelpText>
+    ) : undefined;
+
+  const getDescriptionComponent = () =>
+    description ? <Description description={<Lang id={description} />} /> : undefined;
+
+  return {
+    labelText,
+    getRequiredComponent,
+    getOptionalComponent,
+    getHelpTextComponent,
+    getDescriptionComponent,
+  };
+}