diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 355f9ebd0..ab5d0bba1 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -186,7 +186,7 @@ const MetadataEditor = createClass({
 					<img src={`/themes/${theme.renderer}/${theme.path}/dropdownTexture.png`}/>
 					<div className='preview'>
 						<h6>{`${theme.name}`} preview</h6>
-						<img src={`/themes/${theme.renderer}/${theme.path}/dropdownPreview.jpg`}/>
+						<img src={`/themes/${theme.renderer}/${theme.path}/dropdownPreview.png`}/>
 					</div>
 				</div>;
 			});
diff --git a/scripts/buildHomebrew.js b/scripts/buildHomebrew.js
index ea800c8d1..74e65f7b4 100644
--- a/scripts/buildHomebrew.js
+++ b/scripts/buildHomebrew.js
@@ -72,7 +72,7 @@ fs.emptyDirSync('./build');
 		themeData.path = dir;
 		themes.V3[dir] = (themeData);
 		fs.copy(`./themes/V3/${dir}/dropdownTexture.png`, `./build/themes/V3/${dir}/dropdownTexture.png`);
-		fs.copy(`./themes/V3/${dir}/dropdownPreview.jpg`, `./build/themes/V3/${dir}/dropdownPreview.jpg`);
+		fs.copy(`./themes/V3/${dir}/dropdownPreview.png`, `./build/themes/V3/${dir}/dropdownPreview.png`);
 		const src = `./themes/V3/${dir}/style.less`;
 	  ((outputDirectory)=>{
 			less.render(fs.readFileSync(src).toString(), {
diff --git a/themes/V3/5eDMG/dropdownPreview.jpg b/themes/V3/5eDMG/dropdownPreview.jpg
deleted file mode 100644
index 21ebe77d0..000000000
Binary files a/themes/V3/5eDMG/dropdownPreview.jpg and /dev/null differ
diff --git a/themes/V3/5eDMG/dropdownPreview.png b/themes/V3/5eDMG/dropdownPreview.png
new file mode 100644
index 000000000..f70b3cb57
Binary files /dev/null and b/themes/V3/5eDMG/dropdownPreview.png differ
diff --git a/themes/V3/5ePHB/dropdownPreview.jpg b/themes/V3/5ePHB/dropdownPreview.jpg
deleted file mode 100644
index 471eb71bf..000000000
Binary files a/themes/V3/5ePHB/dropdownPreview.jpg and /dev/null differ
diff --git a/themes/V3/5ePHB/dropdownPreview.png b/themes/V3/5ePHB/dropdownPreview.png
new file mode 100644
index 000000000..d13fe0a52
Binary files /dev/null and b/themes/V3/5ePHB/dropdownPreview.png differ
diff --git a/themes/V3/Blank/dropdownPreview.jpg b/themes/V3/Blank/dropdownPreview.jpg
deleted file mode 100644
index 73445af47..000000000
Binary files a/themes/V3/Blank/dropdownPreview.jpg and /dev/null differ
diff --git a/themes/V3/Blank/dropdownPreview.png b/themes/V3/Blank/dropdownPreview.png
new file mode 100644
index 000000000..7ff524ad4
Binary files /dev/null and b/themes/V3/Blank/dropdownPreview.png differ
diff --git a/themes/V3/Journal/dropdownPreview.jpg b/themes/V3/Journal/dropdownPreview.jpg
deleted file mode 100644
index e72cbf2d6..000000000
Binary files a/themes/V3/Journal/dropdownPreview.jpg and /dev/null differ
diff --git a/themes/V3/Journal/dropdownPreview.png b/themes/V3/Journal/dropdownPreview.png
new file mode 100644
index 000000000..114e3375b
Binary files /dev/null and b/themes/V3/Journal/dropdownPreview.png differ