diff --git a/src/App.css b/src/App.css
index f919128..fb0879e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -68,18 +68,34 @@ a:hover{
 }
 
 .FrameChooser .frame{
-    height: 12vh;
+    position: relative;
+    display: inline-block;
+    font-size: 0;
+
     margin: 2vh;
     cursor: pointer;
-    box-shadow: 0 0 0 1vh rgba(255,255,255,0);
+    /* box-shadow: 0 0 0 1vh rgba(255,255,255,0); */
     transition: transform 0.2s ease;
 }
+.FrameChooser .frame img{
+    height: 12vh;
+    pointer-events: none;
+}
 .FrameChooser .frame:hover{
     transform-origin: center center;
     transform: scale(1.1);
 }
-.FrameChooser .frame.choosen{
+/* .FrameChooser .frame.choosen{
     box-shadow: 0 0 0 1vh white;
+} */
+.FrameChooser .frame.choosen:after {
+    content: "";
+    position: absolute;
+    top: -0.5vh;
+    right: -0.5vh;
+    bottom: -0.5vh;
+    left: -0.5vh;
+    box-shadow: 0 0 0 0.5vh white;
 }
 
 .HashtagChooser .hashtag_button {
diff --git a/src/FrameChooser.js b/src/FrameChooser.js
index c0a4b7c..5ba1b35 100644
--- a/src/FrameChooser.js
+++ b/src/FrameChooser.js
@@ -45,7 +45,14 @@ function FrameChooser({onChange}) {
                 frames.map(frame => {
                     const frame_src_path = frame.src.default
                     const isChoosen = choosenFrame === frame_src_path
-                    return <img alt={frame.name} key={frame_src_path} data-src={frame_src_path} src={frame_src_path} className={isChoosen ? 'frame choosen' : 'frame'} onClick={handleImageChoosing}/>
+                    return <div
+                        key={frame_src_path}
+                        data-src={frame_src_path}
+                        className={isChoosen ? 'frame choosen' : 'frame'}
+                        onClick={handleImageChoosing}
+                    >
+                        <img alt={frame.name} src={frame_src_path} />
+                    </div>
                 })
             }             
         </div>