diff --git a/src/css/popup.css b/src/css/popup.css
index 23ccfef..f7834da 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -57,6 +57,7 @@
 	padding: .5rem 0;
 	text-align: center;
 	border-top: 1px solid var(--header-background-color);
+	z-index: 3;
 }
 #popup .close{
 	position: absolute;
@@ -159,6 +160,10 @@
 #popup .long_text_value{
 	font-size: 12px;
 }
+#popup .preview-item-title{
+	text-align: center;
+	max-width: 150px;
+}
 
 @media screen and (max-width:500px){
 	#popup {
diff --git a/src/js/modules/effects/browser.js b/src/js/modules/effects/browser.js
index c1f7e0d..b70a8a2 100644
--- a/src/js/modules/effects/browser.js
+++ b/src/js/modules/effects/browser.js
@@ -30,7 +30,7 @@ class Effects_browser_class extends Base_tools_class {
 			html += '	<canvas id="c_' + data[i].key + '" width="' + this.preview_width + '" height="'
 				+ this.preview_height + '" class="effectsPreview" data-key="'
 				+ data[i].key + '"></canvas>';
-			html += '<div class="center">' + title + '</div>';
+			html += '<div class="preview-item-title">' + title + '</div>';
 			html += '</div>';
 		}
 		for (var i = 0; i < 4; i++) {
diff --git a/src/js/tools/shape.js b/src/js/tools/shape.js
index 843dd5d..fce685d 100644
--- a/src/js/tools/shape.js
+++ b/src/js/tools/shape.js
@@ -38,7 +38,7 @@ class Shape_class extends Base_tools_class {
 			html += '	<canvas id="c_' + data[i].key + '" width="' + this.preview_width + '" height="'
 				+ this.preview_height + '" class="effectsPreview" data-key="'
 				+ data[i].key + '"></canvas>';
-			html += '<div class="center">' + data[i].title + '</div>';
+			html += '<div class="preview-item-title">' + data[i].title + '</div>';
 			html += '</div>';
 		}
 		for (var i = 0; i < 4; i++) {