diff --git a/creator/index.php b/creator/index.php
index 4b3be608..3358a74b 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -121,8 +121,12 @@ include('../globalHTML/header-1.php');
 							<div class='input-grid margin-bottom'>
 								<button class='input' onclick='addFrame()'>Add Frame to Card</button>
 								<button class='input' onclick='addFrame([{src:"/img/frames/maskRightHalf.png", name:"Right Half"}])'>Add Frame to Card (Right Half)</button>
-								<button class='input' onclick='addFrame([{src:"/img/frames/maskMiddleThird.png", name:"Middle Third"}])'>Add Frame to Card (Middle Third)</button>
 							</div>
+							<h5 class='collapsible collapsed padding input-description' onclick='toggleCollapse(event);'>More options</h5>
+								<div class='input-grid margin-bottom'>
+									<button class='input' onclick='addFrame([{src:"/img/frames/maskLeftHalf.png", name:"Left Half"}])'>Add Frame to Card (Left Half)</button>
+									<button class='input' onclick='addFrame([{src:"/img/frames/maskMiddleThird.png", name:"Middle Third"}])'>Add Frame to Card (Middle Third)</button>
+								</div>
 							<h5 id='selectedPreview' class='padding input-description'>(Selected: White Frame, No Mask)</h5>
 						</div>
 						<div class='readable-background padding margin-bottom'>
diff --git a/img/frames/maskLeftHalf.png b/img/frames/maskLeftHalf.png
new file mode 100644
index 00000000..a21c522c
Binary files /dev/null and b/img/frames/maskLeftHalf.png differ
diff --git a/img/frames/maskLeftHalfThumb.png b/img/frames/maskLeftHalfThumb.png
new file mode 100644
index 00000000..eff9e813
Binary files /dev/null and b/img/frames/maskLeftHalfThumb.png differ