diff --git a/frontend/src/assets/img/texture.png b/frontend/src/assets/img/texture.png
new file mode 100644
index 0000000000..4769ce29a2
Binary files /dev/null and b/frontend/src/assets/img/texture.png differ
diff --git a/frontend/src/assets/img/texture.svg b/frontend/src/assets/img/texture.svg
deleted file mode 100644
index 648099ac5d..0000000000
--- a/frontend/src/assets/img/texture.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-
diff --git a/frontend/src/component/layout/MainLayout/MainLayout.tsx b/frontend/src/component/layout/MainLayout/MainLayout.tsx
index 7d0ee7a418..f03a963927 100644
--- a/frontend/src/component/layout/MainLayout/MainLayout.tsx
+++ b/frontend/src/component/layout/MainLayout/MainLayout.tsx
@@ -7,7 +7,7 @@ import Header from 'component/menu/Header/Header';
import Footer from 'component/menu/Footer/Footer';
import Proclamation from 'component/common/Proclamation/Proclamation';
import BreadcrumbNav from 'component/common/BreadcrumbNav/BreadcrumbNav';
-import { ReactComponent as Texture } from 'assets/img/texture.svg';
+import textureImage from 'assets/img/texture.png';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
const useStyles = makeStyles(theme => ({
@@ -49,16 +49,17 @@ export const MainLayout = ({ children }: IMainLayoutProps) => {