diff --git a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js
index 57130a724f73d4..8df67b6e54c881 100644
--- a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js
+++ b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.js
@@ -50,12 +50,12 @@ export default function SignInSide() {
           sm={4}
           md={7}
           sx={{
-            backgroundImage: 'url(https://source.unsplash.com/random?wallpapers)',
-            backgroundRepeat: 'no-repeat',
+            backgroundImage:
+              'url("/static/images/templates/templates-images/sign-in-side-bg.png")',
             backgroundColor: (t) =>
               t.palette.mode === 'light' ? t.palette.grey[50] : t.palette.grey[900],
             backgroundSize: 'cover',
-            backgroundPosition: 'center',
+            backgroundPosition: 'left',
           }}
         />
         <Grid item xs={12} sm={8} md={5} component={Paper} elevation={6} square>
diff --git a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx
index 0e8d6b207eab07..f3da7cd797fa98 100644
--- a/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx
+++ b/docs/data/material/getting-started/templates/sign-in-side/SignInSide.tsx
@@ -49,12 +49,13 @@ export default function SignInSide() {
           sm={4}
           md={7}
           sx={{
-            backgroundImage: 'url(https://source.unsplash.com/random?wallpapers)',
-            backgroundRepeat: 'no-repeat',
+            backgroundImage:
+              'url("/static/images/templates/templates-images/sign-in-side-bg.png")',
+
             backgroundColor: (t) =>
               t.palette.mode === 'light' ? t.palette.grey[50] : t.palette.grey[900],
             backgroundSize: 'cover',
-            backgroundPosition: 'center',
+            backgroundPosition: 'left',
           }}
         />
         <Grid item xs={12} sm={8} md={5} component={Paper} elevation={6} square>
diff --git a/docs/public/static/images/templates/sign-in-side.png b/docs/public/static/images/templates/sign-in-side.png
index 4679e890e0c5d6..f6bca1cbff331b 100644
Binary files a/docs/public/static/images/templates/sign-in-side.png and b/docs/public/static/images/templates/sign-in-side.png differ
diff --git a/docs/public/static/images/templates/templates-images/sign-in-side-bg.png b/docs/public/static/images/templates/templates-images/sign-in-side-bg.png
new file mode 100644
index 00000000000000..a706bc3fc2a8a7
Binary files /dev/null and b/docs/public/static/images/templates/templates-images/sign-in-side-bg.png differ