diff --git a/assets/sass/_tingle.scss b/assets/sass/_tingle.scss
index 5870ff04aa1..963b87e8130 100644
--- a/assets/sass/_tingle.scss
+++ b/assets/sass/_tingle.scss
@@ -12,7 +12,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1000;
+  z-index: 100001;
   display: flex;
   visibility: hidden;
   flex-direction: column;
@@ -54,11 +54,25 @@
   border: none;
   background-color: transparent;
   color: #f0f0f0;
-  font-size: 6rem;
+  font-size: 5rem;
   font-family: monospace;
   line-height: 1;
   cursor: pointer;
   transition: color .3s ease;
+
+  @media (max-width: 540px) {
+    margin-top: 0;
+    margin-left: 0;
+  
+    .tingle-modal__closeIcon {
+      margin-right: .25rem;
+      font-size: 2rem;
+    }
+    .tingle-modal__closeLabel {
+      font-size: 14px;
+      font-weight: bold;
+    }
+  }
 }
 
 .tingle-modal__closeLabel {
diff --git a/static/imgs/icon-search-mobile.svg b/static/imgs/icon-search-mobile.svg
new file mode 100644
index 00000000000..80fad42c9c1
--- /dev/null
+++ b/static/imgs/icon-search-mobile.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 149.1 149.1" style="enable-background:new 0 0 149.1 149.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#939393;}
+</style>
+<g>
+	<path class="st0" d="M117.6,112L91.5,85.9c-0.1-0.1-0.2-0.2-0.3-0.2l-2.4-2.2l-0.6-0.6l0.4-0.7l1.7-2.8c3.1-5.1,4.8-11,4.8-17.1
+		c0-18-14.7-32.7-32.7-32.7c-18,0-32.7,14.7-32.7,32.7c0,18,14.7,32.7,32.7,32.7c5.7,0,11.3-1.5,16.2-4.3l2.9-1.7l0.7-0.4l0.5,0.7
+		l2.1,2.6c0.1,0.1,0.1,0.2,0.2,0.3l26.1,26.1c0.8,0.8,2,1.3,3.1,1.3c1.2,0,2.3-0.5,3.1-1.3C119.3,116.5,119.3,113.7,117.6,112z
+		 M62.4,87.3c-13.8,0-25-11.2-25-25c0-13.8,11.2-25,25-25c13.8,0,25,11.2,25,25C87.4,76.1,76.2,87.3,62.4,87.3z"/>
+</g>
+</svg>