diff --git a/src/components/Projekte/Exporte/Tipps/CsvInExcelOeffnen.jsx b/src/components/Projekte/Exporte/Tipps/CsvInExcelOeffnen.jsx
index 4915ff9dc..2a4f21dac 100644
--- a/src/components/Projekte/Exporte/Tipps/CsvInExcelOeffnen.jsx
+++ b/src/components/Projekte/Exporte/Tipps/CsvInExcelOeffnen.jsx
@@ -9,7 +9,7 @@ import {
   StyledCardActions,
   CardActionIconButton,
 } from '../index.jsx'
-import { StyledCardContent } from './index'
+import { StyledCardContent } from './index.jsx'
 
 const CsvInExcelOeffnen = () => {
   const [expanded, setExpanded] = useState(false)
diff --git a/src/components/Projekte/Exporte/Tipps/CsvOeffnen.jsx b/src/components/Projekte/Exporte/Tipps/CsvOeffnen.jsx
index 3fe710648..0acc802df 100644
--- a/src/components/Projekte/Exporte/Tipps/CsvOeffnen.jsx
+++ b/src/components/Projekte/Exporte/Tipps/CsvOeffnen.jsx
@@ -9,7 +9,7 @@ import {
   StyledCardActions,
   CardActionIconButton,
 } from '../index.jsx'
-import { StyledCardContent } from './index'
+import { StyledCardContent } from './index.jsx'
 
 const CsvOeffnen = () => {
   const [expanded, setExpanded] = useState(false)
diff --git a/src/components/Projekte/Exporte/Tipps/CsvProgramm.jsx b/src/components/Projekte/Exporte/Tipps/CsvProgramm.jsx
index bef50b6fb..84aa0a976 100644
--- a/src/components/Projekte/Exporte/Tipps/CsvProgramm.jsx
+++ b/src/components/Projekte/Exporte/Tipps/CsvProgramm.jsx
@@ -3,14 +3,14 @@ import Collapse from '@mui/material/Collapse'
 import Icon from '@mui/material/Icon'
 import { MdExpandMore as ExpandMoreIcon } from 'react-icons/md'
 
-import CsvInExcelOeffnen from './CsvInExcelOeffnen'
+import CsvInExcelOeffnen from './CsvInExcelOeffnen.jsx'
 import {
   CardActionTitle,
   StyledCard,
   StyledCardActions,
   CardActionIconButton,
 } from '../index.jsx'
-import { StyledCardContent } from './index'
+import { StyledCardContent } from './index.jsx'
 
 const CsvOeffnen = () => {
   const [expanded, setExpanded] = useState(false)
diff --git a/src/components/Projekte/Exporte/Tipps/DatenChaotisch.jsx b/src/components/Projekte/Exporte/Tipps/DatenChaotisch.jsx
index a1e4ce466..9f463f90a 100644
--- a/src/components/Projekte/Exporte/Tipps/DatenChaotisch.jsx
+++ b/src/components/Projekte/Exporte/Tipps/DatenChaotisch.jsx
@@ -9,7 +9,7 @@ import {
   StyledCardActions,
   CardActionIconButton,
 } from '../index.jsx'
-import { StyledCardContent } from './index'
+import { StyledCardContent } from './index.jsx'
 
 const DatenChaotisch = () => {
   const [expanded, setExpanded] = useState(false)
diff --git a/src/components/Projekte/Exporte/Tipps/index.jsx b/src/components/Projekte/Exporte/Tipps/index.jsx
index f388bdd5d..e3a116b29 100644
--- a/src/components/Projekte/Exporte/Tipps/index.jsx
+++ b/src/components/Projekte/Exporte/Tipps/index.jsx
@@ -5,11 +5,11 @@ import Icon from '@mui/material/Icon'
 import { MdExpandMore as ExpandMoreIcon } from 'react-icons/md'
 import styled from '@emotion/styled'
 
-import WasIstCsv from './WasIstCsv'
-import CsvOeffnen from './CsvOeffnen'
-import CsvProgramm from './CsvProgramm'
-import DatenChaotisch from './DatenChaotisch'
-import ZuVieleDaten from './ZuVieleDaten'
+import WasIstCsv from './WasIstCsv.jsx'
+import CsvOeffnen from './CsvOeffnen.jsx'
+import CsvProgramm from './CsvProgramm.jsx'
+import DatenChaotisch from './DatenChaotisch.jsx'
+import ZuVieleDaten from './ZuVieleDaten.jsx'
 import {
   CardActionTitle,
   StyledCard,