diff --git a/graylog2-web-interface/src/components/inputs/InputsOveriew/ExpandedSectionToggleWrapper.tsx b/graylog2-web-interface/src/components/common/EntityDataTable/ExpandedSectionToggleWrapper.tsx
similarity index 62%
rename from graylog2-web-interface/src/components/inputs/InputsOveriew/ExpandedSectionToggleWrapper.tsx
rename to graylog2-web-interface/src/components/common/EntityDataTable/ExpandedSectionToggleWrapper.tsx
index 1305db6bdf4e..361cf1495d83 100644
--- a/graylog2-web-interface/src/components/inputs/InputsOveriew/ExpandedSectionToggleWrapper.tsx
+++ b/graylog2-web-interface/src/components/common/EntityDataTable/ExpandedSectionToggleWrapper.tsx
@@ -15,24 +15,33 @@
  * <http://www.mongodb.com/licensing/server-side-public-license>.
  */
 import React from 'react';
-import { styled } from 'styled-components';
+import { styled, css } from 'styled-components';
 
 import useExpandedSections from 'components/common/EntityDataTable/hooks/useExpandedSections';
 
-const StyledWrapper = styled.div`
-  cursor: pointer;
-`;
+const StyledWrapper = styled.div<{ $align?: 'right' }>(
+  ({ $align }) => css`
+    display: flex;
+    cursor: pointer;
+    height: 100%;
+    width: 100%;
+    align-items: center;
+    justify-content: ${$align === 'right' ? 'flex-end' : 'flex-start'};
+  `,
+);
 
 type Props = React.PropsWithChildren<{
   id: string;
+  align?: 'right';
+  section: string;
 }>;
 
-const ExpandedSectionToggleWrapper = ({ id, children = undefined }: Props) => {
+const ExpandedSectionToggleWrapper = ({ id, section, align = undefined, children = undefined }: Props) => {
   const { toggleSection } = useExpandedSections();
-  const _toggleSection = () => toggleSection(id, 'configuration');
+  const _toggleSection = () => toggleSection(id, section);
 
   return (
-    <StyledWrapper title="show details" onClick={_toggleSection}>
+    <StyledWrapper title="Show details" onClick={_toggleSection} $align={align}>
       {children}
     </StyledWrapper>
   );
diff --git a/graylog2-web-interface/src/components/common/EntityDataTable/index.ts b/graylog2-web-interface/src/components/common/EntityDataTable/index.ts
index dd72357ebb2d..dbed1bfe14a4 100644
--- a/graylog2-web-interface/src/components/common/EntityDataTable/index.ts
+++ b/graylog2-web-interface/src/components/common/EntityDataTable/index.ts
@@ -17,8 +17,9 @@
 import EntityDataTable from './EntityDataTable';
 import MoreActions from './MoreActions';
 import type { ColumnRenderers, ColumnSchema } from './types';
+import ExpandedSectionToggleWrapper from './ExpandedSectionToggleWrapper';
 
 export { default as useTableEventHandlers } from './hooks/useTableEventHandlers';
 
-export { ColumnRenderers, ColumnSchema, MoreActions };
+export { ColumnRenderers, ColumnSchema, MoreActions, ExpandedSectionToggleWrapper };
 export default EntityDataTable;
diff --git a/graylog2-web-interface/src/components/common/Icon/Icon.tsx b/graylog2-web-interface/src/components/common/Icon/Icon.tsx
index 3bd76b9fe5ba..9f6fd4272ac6 100644
--- a/graylog2-web-interface/src/components/common/Icon/Icon.tsx
+++ b/graylog2-web-interface/src/components/common/Icon/Icon.tsx
@@ -41,7 +41,7 @@ const spinAnimation = keyframes`
   }
 `;
 
-type ColorVariants = 'success' | 'warning';
+type ColorVariants = 'success' | 'warning' | 'info';
 
 const StyledSpan = styled.span<{
   $size: string;
diff --git a/graylog2-web-interface/src/components/event-definitions/event-definitions/SchedulingCell.tsx b/graylog2-web-interface/src/components/event-definitions/event-definitions/SchedulingCell.tsx
index 24fd324992b4..cd83521e05f9 100644
--- a/graylog2-web-interface/src/components/event-definitions/event-definitions/SchedulingCell.tsx
+++ b/graylog2-web-interface/src/components/event-definitions/event-definitions/SchedulingCell.tsx
@@ -51,8 +51,8 @@ const DetailValue = styled.dd(
   `,
 );
 
-const DetailsButton = styled(Button)`
-  padding: 6px 8px;
+const DetailsOverlayTrigger = styled(OverlayTrigger)`
+  vertical-align: bottom;
 `;
 
 const getTimeRange = (scheduler: Scheduler) => {
@@ -144,17 +144,15 @@ const SchedulingInfo = ({
   return (
     <>
       {`Runs ${executeEveryFormatted}${searchWithinMessage} `}
-      <OverlayTrigger
+      <DetailsOverlayTrigger
         trigger="click"
         rootClose
         placement="left"
         title={`${title} details.`}
         overlay={detailsPopover(scheduler, clearNotifications)}
         width={500}>
-        <DetailsButton bsStyle="link">
-          <Icon name="info" />
-        </DetailsButton>
-      </OverlayTrigger>
+        <Icon name="info" title={`${title} details.`} bsStyle={'info'} />
+      </DetailsOverlayTrigger>
     </>
   );
 };
diff --git a/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/hooks/useCustomColumnRenderers.tsx b/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/hooks/useCustomColumnRenderers.tsx
index fc642328d0ef..4e1a0b288252 100644
--- a/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/hooks/useCustomColumnRenderers.tsx
+++ b/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/hooks/useCustomColumnRenderers.tsx
@@ -17,10 +17,10 @@
 import React, { useMemo } from 'react';
 
 import type { FieldTypeOrigin } from 'components/indices/IndexSetFieldTypes/types';
-import ExpandedRowToggleWrapper from 'components/indices/IndexSetFieldTypes/originBadges/ExpandedRowToggleWrapper';
 import { Icon } from 'components/common';
 import useFieldTypesForMappings from 'views/logic/fieldactions/ChangeFieldType/hooks/useFieldTypesForMappings';
 import OriginCell from 'components/indices/IndexSetFieldTypes/originBadges/OriginCell';
+import { ExpandedSectionToggleWrapper } from 'components/common/EntityDataTable';
 
 const useCustomColumnRenderers = () => {
   const {
@@ -35,9 +35,9 @@ const useCustomColumnRenderers = () => {
         },
         origin: {
           renderCell: (origin: FieldTypeOrigin, { id }) => (
-            <ExpandedRowToggleWrapper id={id}>
+            <ExpandedSectionToggleWrapper id={id} section="overriddenProfile">
               <OriginCell origin={origin} />
-            </ExpandedRowToggleWrapper>
+            </ExpandedSectionToggleWrapper>
           ),
           staticWidth: 200,
         },
diff --git a/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/originBadges/ExpandedRowToggleWrapper.tsx b/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/originBadges/ExpandedRowToggleWrapper.tsx
deleted file mode 100644
index 561b415c5085..000000000000
--- a/graylog2-web-interface/src/components/indices/IndexSetFieldTypes/originBadges/ExpandedRowToggleWrapper.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Copyright (C) 2020 Graylog, Inc.
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the Server Side Public License, version 1,
- * as published by MongoDB, Inc.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * Server Side Public License for more details.
- *
- * You should have received a copy of the Server Side Public License
- * along with this program. If not, see
- * <http://www.mongodb.com/licensing/server-side-public-license>.
- */
-import React from 'react';
-import { styled } from 'styled-components';
-
-import useExpandedSections from 'components/common/EntityDataTable/hooks/useExpandedSections';
-
-const StyledWrapper = styled.div`
-  cursor: pointer;
-`;
-
-type Props = React.PropsWithChildren<{
-  id: string;
-}>;
-
-const ExpandedRowToggleWrapper = ({ id, children = undefined }: Props) => {
-  const { toggleSection } = useExpandedSections();
-  const _toggleSection = () => toggleSection(id, 'overriddenProfile');
-
-  return <StyledWrapper onClick={_toggleSection}>{children}</StyledWrapper>;
-};
-
-export default ExpandedRowToggleWrapper;
diff --git a/graylog2-web-interface/src/components/inputs/InputsOveriew/ColumnRenderers.tsx b/graylog2-web-interface/src/components/inputs/InputsOveriew/ColumnRenderers.tsx
index 6627b69ce936..11eae92e8788 100644
--- a/graylog2-web-interface/src/components/inputs/InputsOveriew/ColumnRenderers.tsx
+++ b/graylog2-web-interface/src/components/inputs/InputsOveriew/ColumnRenderers.tsx
@@ -17,10 +17,11 @@
 import * as React from 'react';
 
 import type { ColumnRenderers } from 'components/common/EntityDataTable';
+import { ExpandedSectionToggleWrapper } from 'components/common/EntityDataTable';
 import type { InputSummary } from 'hooks/usePaginatedInputs';
 import type { InputTypesSummary } from 'hooks/useInputTypes';
 import type { InputStates } from 'hooks/useInputsStates';
-import { TypeCell, NodeCell, ThroughputCell, ExpandedSectionToggleWrapper } from 'components/inputs/InputsOveriew';
+import { TypeCell, NodeCell, ThroughputCell } from 'components/inputs/InputsOveriew';
 import FailuresCell from 'components/inputs/InputsOveriew/cells/FailuresCell';
 import MessageCountCell from 'components/inputs/InputsOveriew/cells/MessageCountCell';
 import ExtractorCountCell from 'components/inputs/InputsOveriew/cells/ExtractorCountCell';
@@ -30,6 +31,8 @@ import { InputStateBadge } from 'components/inputs';
 import Routes from 'routing/Routes';
 import { Link } from 'components/common';
 
+const EXPANDED_SECTION = 'EXPANDED_SECTION';
+
 type Props = {
   inputTypes: InputTypesSummary;
   inputStates?: InputStates;
@@ -39,7 +42,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
   attributes: {
     title: {
       renderCell: (_title: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION}>
           <Link to={Routes.SYSTEM.INPUT_DIAGNOSIS(input.id)} title={`show input diagnosis for ${input.title}`}>
             {input.title}
           </Link>
@@ -49,7 +52,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     type: {
       renderCell: (type: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION}>
           <TypeCell type={type} inputTypes={inputTypes} />
         </ExpandedSectionToggleWrapper>
       ),
@@ -57,7 +60,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     desired_state: {
       renderCell: (_state: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION}>
           <InputStateBadge input={input} inputStates={inputStates} />
         </ExpandedSectionToggleWrapper>
       ),
@@ -65,7 +68,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     node_id: {
       renderCell: (_type: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION}>
           <NodeCell input={input} />
         </ExpandedSectionToggleWrapper>
       ),
@@ -73,7 +76,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     traffic: {
       renderCell: (_traffic: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION} align="right">
           <ThroughputCell input={input} />
         </ExpandedSectionToggleWrapper>
       ),
@@ -82,7 +85,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     input_failures: {
       renderCell: (_failures: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION} align="right">
           <FailuresCell input={input} />
         </ExpandedSectionToggleWrapper>
       ),
@@ -91,7 +94,7 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     address: {
       renderCell: (_address: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION}>
           {input.attributes?.bind_address || 'N/A'}
         </ExpandedSectionToggleWrapper>
       ),
@@ -99,7 +102,9 @@ const customColumnRenderers = ({ inputTypes, inputStates }: Props): ColumnRender
     },
     port: {
       renderCell: (_port: string, input: InputSummary) => (
-        <ExpandedSectionToggleWrapper id={input.id}>{input.attributes?.port || 'N/A'}</ExpandedSectionToggleWrapper>
+        <ExpandedSectionToggleWrapper id={input.id} section={EXPANDED_SECTION} align="right">
+          {input.attributes?.port || 'N/A'}
+        </ExpandedSectionToggleWrapper>
       ),
       staticWidth: 'matchHeader',
     },
diff --git a/graylog2-web-interface/src/components/inputs/InputsOveriew/index.tsx b/graylog2-web-interface/src/components/inputs/InputsOveriew/index.tsx
index ea512aad87b8..11bb62c62d5a 100644
--- a/graylog2-web-interface/src/components/inputs/InputsOveriew/index.tsx
+++ b/graylog2-web-interface/src/components/inputs/InputsOveriew/index.tsx
@@ -25,7 +25,6 @@ export { default as FailuresCell } from './cells/FailuresCell';
 export { default as MessageCountCell } from './cells/MessageCountCell';
 export { default as ExtractorCountCell } from './cells/ExtractorCountCell';
 export { default as AssociatedStreamsCell } from './cells/AssociatedStreamsCell';
-export { default as ExpandedSectionToggleWrapper } from './ExpandedSectionToggleWrapper';
 export { default as ThroughputSection } from './expanded-sections/ThroughputSection';
 export { default as Connections } from './expanded-sections/Connections';
 export { default as NetworkIOStats } from './expanded-sections/NetworkIOStats';