diff --git a/assets/src/dashboard/parts/connected/settings/Compression.js b/assets/src/dashboard/parts/connected/settings/Compression.js
index b71026ca..ed392d4e 100644
--- a/assets/src/dashboard/parts/connected/settings/Compression.js
+++ b/assets/src/dashboard/parts/connected/settings/Compression.js
@@ -22,6 +22,7 @@ import {
 } from '@wordpress/components';
 
 import { useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
 
 /**
  * Internal dependencies.
@@ -46,7 +47,6 @@ const Compression = ({
 			getSampleRate,
 			isLoading
 		} = select( 'optimole' );
-
 		return {
 			sampleImages: getSampleRate(),
 			isLoading: isLoading()
@@ -167,6 +167,13 @@ const Compression = ({
 		data.compression_mode = value;
 		setSettings( data );
 	};
+
+	useEffect( () => {
+		if ( showSample ) {
+			loadSample();
+		}
+	}, [ showSample ]);
+
 	return (
 		<>
 
diff --git a/assets/src/dashboard/parts/connected/settings/index.js b/assets/src/dashboard/parts/connected/settings/index.js
index 50aebe19..269595a3 100644
--- a/assets/src/dashboard/parts/connected/settings/index.js
+++ b/assets/src/dashboard/parts/connected/settings/index.js
@@ -10,7 +10,7 @@ import Lazyload from './Lazyload';
 import Exclusions from './Exclusions';
 import OffloadMedia from './OffloadMedia';
 import CloudLibrary from './CloudLibrary';
-import { sampleRate, saveSettings } from '../../../utils/api';
+import { saveSettings } from '../../../utils/api';
 import { toggleDamSidebarLink } from '../../../utils/helpers';
 
 const Settings = ({
@@ -59,18 +59,7 @@ const Settings = ({
 		localStorage.setItem( 'optimole_settings_visits', visits ? parseInt( visits ) + 1 : 1 );
 	}, [ tab ]);
 
-	const loadSample = () => {
-		if ( ! showSample ) {
-			setIsSampleLoading( true );
-
-			sampleRate(
-				{
-					quality: settings.quality
-				},
-				() => setIsSampleLoading( false )
-			);
-		}
-
+	const toggleShowSample = () => {
 		setShowSample( ! showSample );
 	};
 
@@ -165,7 +154,7 @@ const Settings = ({
 						<Button
 							variant="default"
 							disabled={ isLoading }
-							onClick={ loadSample }
+							onClick={ toggleShowSample }
 						>
 							{ optimoleDashboardApp.strings.options_strings.view_sample_image }
 						</Button>