Issue with the effect section on mobile devices

src/App.tsx

@@ -180,11 +180,6 @@ function App() {
     }
     setFocusedTile({ row, col })
 
-    if (playing === id) {
-      handleStop()
-      return
-    }
-
     if (isDoubleClick || playing === null) {
       clearSwitchTimer()
       playFormula(tile.formula, id)
@@ -735,6 +730,7 @@ function App() {
         </div>
       </div>
 
+      <div className="flex-shrink-0">
         <EffectsBar
           values={effectValues}
           onChange={handleEffectChange}
@@ -742,6 +738,7 @@ function App() {
           getMappedLFOs={getMappedLFOs}
         />
       </div>
+    </div>
   )
 }