diff --git a/.storybook/assets/custom-theme-background.png b/.storybook/assets/custom-theme-background.png
new file mode 100644
index 00000000..8558cab9
Binary files /dev/null and b/.storybook/assets/custom-theme-background.png differ
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 6d01b219..8e2f9809 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,6 +1,7 @@
 import type {StorybookConfig} from '@storybook/react-webpack5';
 
 const config: StorybookConfig = {
+    staticDirs: ['./assets'],
     stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
     addons: [
         '@storybook/addon-links',
diff --git a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
index cd1706d9..35e9cd9f 100644
--- a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
+++ b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
@@ -45,9 +45,7 @@ const CustomThemeTemplate: StoryFn = (args) => (
 export const CustomTheme = CustomThemeTemplate.bind({});
 CustomTheme.args = {
     headerDecoration: false,
-    customBackground: (
-        <img src="https://cdn.stocksnap.io/img-thumbs/960w/blue-night_DBUU6N5YUY.jpg" />
-    ),
+    customBackground: <img src="custom-theme-background.png" />,
     customBackgroundClassName: 'aside-header-showcase__custom-background',
 };
 
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
index e58e805b..1e96c0f4 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
@@ -85,7 +85,9 @@ body {
     }
 
     &__custom-background {
-        opacity: 75%;
+        width: 100%;
+
+        opacity: 70%;
     }
 }
 
diff --git a/src/components/FooterItem/__stories__/FooterItem.stories.tsx b/src/components/FooterItem/__stories__/FooterItem.stories.tsx
index de898b7a..9d68a3da 100644
--- a/src/components/FooterItem/__stories__/FooterItem.stories.tsx
+++ b/src/components/FooterItem/__stories__/FooterItem.stories.tsx
@@ -12,7 +12,7 @@ import {EMPTY_CONTEXT_VALUE} from '../../AsideHeader/__stories__/moc';
 import './FooterItemShowcase.scss';
 
 export default {
-    title: 'Components/AsideHeader/FooterItem',
+    title: 'Components/FooterItem',
     component: FooterItem,
     decorators: [
         (DecoratedStory, context) => {