diff --git a/src/components/view-component/view-component.scss b/src/components/view-component/view-component.scss
index 861417c..6104077 100644
--- a/src/components/view-component/view-component.scss
+++ b/src/components/view-component/view-component.scss
@@ -17,7 +17,6 @@
     position: absolute;
     min-width: inherit;
     min-height: inherit;
-    background-size: cover;
     background: $backgroundTexture;
     transition: opacity $transitionDuration $transitionType;
 
diff --git a/src/components/view-component/view-component.tsx b/src/components/view-component/view-component.tsx
index 187cc83..1395aa8 100644
--- a/src/components/view-component/view-component.tsx
+++ b/src/components/view-component/view-component.tsx
@@ -139,7 +139,8 @@ export const ViewComponent = ({src}: Props) => {
                     className='view'
                     style={{
                         backgroundImage: `url(${imageSrc})`,
-                        backgroundPosition: `${position.x}px ${position.y}px`
+                        backgroundPosition: `${position.x}px ${position.y}px`,
+                        backgroundSize: 'cover'
                     }}
                     onMouseDown={handleMouseDown}
                     onMouseMove={handleMouseMove}