diff --git a/src/routes/ControlPanel.svelte b/src/routes/ControlPanel.svelte
index 5288255..3081dda 100644
--- a/src/routes/ControlPanel.svelte
+++ b/src/routes/ControlPanel.svelte
@@ -20,7 +20,7 @@
     let selectedProfile: ProfileName = "Normal";
     let startPoint = "Custom";
 
-    let element: HTMLDivElement | null = null;
+    export let element: HTMLDivElement | null = null;
 
     const now = new Date();
     let startDate = now.toISOString().split("T")[0]; // YYYY-MM-DD
@@ -53,10 +53,6 @@
         }
     };
 
-    export let handleClickSelectOnMap = () => {
-        console.log("Select on map clicked");
-    }
-
     const applyCoordinatesFromInput = () => {
         const lat = parseFloat(inputLat);
         const lng = parseFloat(inputLng);
@@ -84,8 +80,8 @@
         $FlightParametersStore.launch_latitude = lat;
         $FlightParametersStore.launch_longitude = lng;
         console.log("Launch position updated:", lat, lng);
-        inputLat = lat.toFixed(6).toString();
-        inputLng = lng.toFixed(6).toString();
+        inputLat = lat.toString();
+        inputLng = lng.toString();
     };
 
     export const getElement = () => {
@@ -93,11 +89,7 @@
     };
 </script>
 
-<div
-    bind:this={element}
-    style="width: 23rem; max-height: 80vh; overflow-y: auto; z-index: 1000;"
-    class="position-absolute shadow-lg panel-container"
->
+<div bind:this={element} style="width: 23rem; max-height: 80vh; overflow-y: auto; z-index: 1000;" class="position-absolute shadow-lg bottom-0 end-0 m-3">
     <Card>
         <CardHeader
             class="bg-primary text-white d-flex justify-content-between align-items-center card-header"
@@ -229,7 +221,7 @@
                         color="outline-secondary"
                         size="sm"
                         class="w-100"
-                        on:click={ handleClickSelectOnMap }>Указать на карте</Button
+                        on:click={() => console.log("Select on map clicked")}>Указать на карте</Button
                     >
                 </FormGroup>
 
diff --git a/src/routes/Toast.svelte b/src/routes/Toast.svelte
deleted file mode 100644
index add2620..0000000
--- a/src/routes/Toast.svelte
+++ /dev/null
@@ -1,97 +0,0 @@
-<script context="module">
-    import { writable } from 'svelte/store';
-
-    /**
-     * @typedef {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'} ToastColor
-     * @typedef {object} ToastMessage
-     * @property {string} id - Unique identifier
-     * @property {string} header - Toast title
-     * @property {string} body - Toast message content
-     * @property {ToastColor} [color='info'] - The color of the toast header icon
-     * @property {boolean} [persistent=false] - If true, toast will not auto-close
-     * @property {function} [onRemoveCallback=null]  - Callback function to be called when the toast is removed
-     */
-
-    /** @type {import('svelte/store').Writable<ToastMessage[]>} */
-    export const toasts = writable([]);
-
-    /**
-     * Adds a new toast to the list.
-     * @param {Omit<ToastMessage, 'id'>} toast
-     * @returns {string} The ID of the new toast.
-     */
-    export function addToast(toast) {
-        const id = crypto.randomUUID();
-        toasts.update((all) => [...all, { id, ...toast }]);
-        return id;
-    }
-
-    /**
-     * Removes a toast by its ID.
-     * @param {string} id
-     */
-    export function removeToast(id) {
-        // call the onRemoveCallback if it exists
-        toasts.update((all) => {
-            const toast = all.find((t) => t.id === id);
-            if (toast && toast.onRemoveCallback) {
-                toast.onRemoveCallback(id);
-            }
-            return all.filter((t) => t.id !== id);
-        });
-    }
-
-    /**
-     * Callback function to be called when a toast is removed.
-     * @param {string} id - The ID of the removed toast.
-     */
-</script>
-
-<script>
-    import { Toast, ToastBody, ToastHeader } from '@sveltestrap/sveltestrap';
-
-    /**
-     * Removes a toast from the list by its ID.
-     * @param {string} id
-     */
-
-</script>
-
-<!-- 
-    This container holds all the toasts. 
-    To use this component:
-    1. Import it into your layout or page: `import ToastContainer from './Toast.svelte';`
-    2. Place `<ToastContainer />` in your markup.
-    3. To show a toast from any other component:
-         import { addToast } from './Toast.svelte';
-         
-         // For an auto-closing error message
-         addToast({ header: 'Error', body: 'Something went wrong.', color: 'danger' });
-
-         // For a persistent "map mode" indication
-         addToast({ header: 'Map Mode', body: 'You are in satellite view.', color: 'info', persistent: true });
--->
-<div class="toast-container position-fixed bottom-0 end-0 p-3">
-    {#each $toasts as toast (toast.id)}
-        <Toast
-            isOpen={true}
-            autohide={!toast.persistent}
-            delay={5000}
-            color={toast.color || 'info'}
-            on:close={() => removeToast(toast.id)}
-        >
-            <ToastHeader toggle={() => removeToast(toast.id)}>
-                {toast.header}
-            </ToastHeader>
-            <ToastBody>
-                {toast.body}
-            </ToastBody>
-        </Toast>
-    {/each}
-</div>
-
-<style>
-    .toast-container {
-        z-index: 1090; /* High z-index to appear above other elements */
-    }
-</style>
\ No newline at end of file
diff --git a/src/routes/map.svelte b/src/routes/map.svelte
index fc0c0d1..88fec6d 100644
--- a/src/routes/map.svelte
+++ b/src/routes/map.svelte
@@ -7,6 +7,8 @@
     import { distHaversine } from "../lib/mathutil.ts";
     import type { PredictionData, TelemetryData } from "../lib/types.ts";
 
+
+
     /**
      * @type {'prediction' | 'telemetry'}
      */
@@ -143,7 +145,9 @@
             {mouseLng.toFixed(6)}
         </p>
     </div>
-    <slot />
+    <div class="panel-container">
+        <slot />
+    </div>
     {#if map && windData}
         <WindVisualization {map} windData={windData} />
     {/if}
diff --git a/src/routes/predict/+page.svelte b/src/routes/predict/+page.svelte
index 54e13d0..7a1f701 100644
--- a/src/routes/predict/+page.svelte
+++ b/src/routes/predict/+page.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
-    import Map from "../Map.svelte";
-    import ControlPanel from "../ControlPanel.svelte";
-    import Navbar from "../Navbar.svelte";
-    import { onMount } from "svelte";
-    import { PredictionStore } from "$lib/stores";
-    import { Modal } from "@sveltestrap/sveltestrap";
-    import { addToast, removeToast } from "../Toast.svelte"
-     import ToastContainer from '../Toast.svelte';
-    import L from "leaflet";
+    import Map from '../Map.svelte';
+    import ControlPanel from '../ControlPanel.svelte';
+    import Navbar from '../Navbar.svelte';
+    import { onMount } from 'svelte';
+    import { PredictionStore } from '$lib/stores';
+    import { Modal } from '@sveltestrap/sveltestrap';
+    import L from 'leaflet';
+
 
     let map: Map | null = null;
     let panel: ControlPanel | null = null;
-    let selectionToastId: string | null = null;
 
     onMount(() => {
         PredictionStore.subscribe((data) => {
@@ -19,7 +17,7 @@
                 map?.clearMapLayers();
             }
         });
-        console.log("ControlPanel mounted");
+        console.log('ControlPanel mounted');
         console.log(panel);
 
         if (panel) {
@@ -28,42 +26,11 @@
             L.DomEvent.disableScrollPropagation(element);
         }
     });
-
-    function handleClickSelectOnMap() {
-        if (map) {
-            map.startSelection();
-            console.log("Selection mode enabled");
-            if (!selectionToastId) {
-                selectionToastId = addToast({
-                    header: "Selection Mode",
-                    body: "Click on the map to select a position.",
-                    color: "info",
-                    persistent: true,
-                    onRemoveCallback: () => {
-                        selectionToastId = null;
-                        map?.stopSelection();
-                        console.log("Selection mode disabled");
-                    }
-                });
-            }
-        }
-    }
-
-    function handleCoordinateSelection(event: CustomEvent<{ lat: number; lng: number }>) {
-        const { lat, lng } = event.detail;
-        panel?.updateLaunchPosition(lat, lng);
-        console.log(`Selected coordinates: ${lat}, ${lng}`);
-        if (selectionToastId) {
-            removeToast(selectionToastId);
-            selectionToastId = null;
-        }
-    }
 </script>
 
 <main>
     <Navbar />
-    <Map bind:this={map} mode="prediction" bind:data={$PredictionStore} on:coordinatesSelected={handleCoordinateSelection}>
-        <ControlPanel bind:this={panel} {handleClickSelectOnMap} />
-        <ToastContainer />
+    <Map bind:this={map} mode="prediction" bind:data={$PredictionStore}>
+        <ControlPanel bind:this={panel} />
     </Map>
-</main>
+</main>
\ No newline at end of file
diff --git a/static/css/custom.css b/static/css/custom.css
index b9ce25f..13a0399 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -78,6 +78,6 @@
 .panel-container {
     position: absolute;
     bottom: 20px;
-    left: 20px;
+    right: 20px;
     z-index: 1000;
 }
\ No newline at end of file