diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index ad0e71a..391ab3a 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -3,4 +3,3 @@ contact_links:
   - name: Discussion / Ask a Question
     url: https://github.com/cyclingbyte/Leaflet.SidePanel/discussions/new
     about: You are not sure whether your request is a bug report or a feature request or you have a question about how something works? Then the discussion forum is the right one!
-
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index 9985e13..1e44f9b 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -4,7 +4,7 @@ name: Deploy static content to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["release"]
+    branches: ['release']
     paths:
       - 'examples/**'
 
@@ -20,7 +20,7 @@ permissions:
 # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
 # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: false
 
 jobs:
diff --git a/.prettierrc.json b/.prettierrc.json
index 87f4667..06d180c 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -3,5 +3,6 @@
   "tabWidth": 2,
   "singleQuote": true,
   "printWidth": 80,
-  "trailingComma": "es5"
-}
\ No newline at end of file
+  "trailingComma": "es5",
+  "vueIndentScriptAndStyle": true
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 7efca3f..1d7ac85 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode"
-  ]
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 0a46bd2..09e3aba 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -2,24 +2,9 @@
   "editor.formatOnSave": true,
   "files.autoSave": "onFocusChange",
   "editor.formatOnPaste": true,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  },
-  "[javascript]": {
+  "[javascript][json][html]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.tabSize": 2,
-  },
-  "[json]": {
-    "editor.tabSize": 2,
-  },
-  "[html]": {
-    "editor.tabSize": 2,
+    "editor.tabSize": 2
   },
-  "prettier.configPath": ".prettierrc.json",
-  "prettier.semi": true,
-  "prettier.tabWidth": 2,
-  "prettier.singleQuote": true,
-  "prettier.printWidth": 80,
-  "prettier.trailingComma": "es5",
-  "prettier.vueIndentScriptAndStyle": true
+  "prettier.configPath": ".prettierrc.json"
 }
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index fc35c7b..c8eeab3 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within
diff --git a/README.md b/README.md
index f841fcc..0efd615 100644
--- a/README.md
+++ b/README.md
@@ -118,4 +118,5 @@ const panelRight = L.control
 Special thanks to **[maxwell-ilai](https://github.com/maxwell-ilai 'Maxwell Ilai')** for the original project [maxwell-ilai/Leaflet.SidePanel](https://github.com/maxwell-ilai/Leaflet.SidePanel 'Leaflet.SidePanel by maxwell-ilai')
 
 ## Visitors
+
 <a href="https://info.flagcounter.com/Qvel"><img src="https://s01.flagcounter.com/count2/Qvel/bg_FFFFFF/txt_000000/border_CCCCCC/columns_6/maxflags_18/viewers_0/labels_0/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a>
diff --git a/dev/index.html b/dev/index.html
index c670093..0bd125a 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -1,350 +1,582 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <link rel="stylesheet" href="../dist/style.css" />
+    <title>Leaflet - Side Panel plugin</title>
+    <style>
+      html,
+      body {
+        margin: 0;
+        font-family:
+          Roboto,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          Oxygen,
+          Ubuntu,
+          Cantarell,
+          'Open Sans',
+          'Helvetica Neue',
+          sans-serif;
+        height: 100%;
+        color: #1f1412;
+      }
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link
-    rel="stylesheet"
-    href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
-    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
-    crossorigin=""
-  />
-  <link rel="stylesheet" href="../dist/style.css">
-  <title>Leaflet - Side Panel plugin</title>
-  <style>
-    html,
-    body {
-      margin: 0;
-      font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      height: 100%;
-      color: #1f1412;
-    }
-
-    body {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
+      body {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
 
-    .header h1 {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+      .header h1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
 
-    .header a {
-      font-size: 16px;
-      color: #199900;
-      text-decoration: none;
-      margin-left: 24px;
-    }
+      .header a {
+        font-size: 16px;
+        color: #199900;
+        text-decoration: none;
+        margin-left: 24px;
+      }
 
-    .header a:hover {
-      color: #116600;
-      text-decoration: underline;
-    }
-    
-    .header a span {
-      margin-left: 4px;
-    }
+      .header a:hover {
+        color: #116600;
+        text-decoration: underline;
+      }
 
-    .header a svg {
-      vertical-align: middle;
-    }
+      .header a span {
+        margin-left: 4px;
+      }
 
-    #map {
-      width: 100%;
-      height: 100vh;
-      border: 1px solid #1f1412;
-    }
+      .header a svg {
+        vertical-align: middle;
+      }
 
-    @media all and (min-width: 1024px) {
       #map {
-        height: 768px;
-        width: 1024px;
+        width: 100%;
+        height: 100vh;
+        border: 1px solid #1f1412;
       }
-    }
-  </style>
-</head>
 
-<body>
-  <header class="header">
-    <h1>Leaflet Sidepanel <a href="https://github.com/cyclingbyte/Leaflet.SidePanel">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-          <path
-            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-        </svg><span>Github</span>
-      </a>
-    </h1>
-  </header>
+      @media all and (min-width: 1024px) {
+        #map {
+          height: 768px;
+          width: 1024px;
+        }
+      }
+    </style>
+  </head>
 
-  <!-- Map ID -->
-  <div id="map">
-    <!-- Side Panel left -->
-    <div id="mySidepanelLeft" class="sidepanel" aria-label="side panel" aria-hidden="false">
-      <div class="sidepanel-inner-wrapper">
-        <nav class="sidepanel-tabs-wrapper" aria-label="sidepanel tab navigation">
-          <ul class="sidepanel-tabs">
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-1">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
-                  <path fill-rule="evenodd"
-                    d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-2">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
-                  <path fill-rule="evenodd"
-                    d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-3">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
-                  <path
-                    d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
-                  <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-4">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bookmarks" viewBox="0 0 16 16">
-                  <path
-                    d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z" />
-                  <path d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-5">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
-                  <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
-                  <path
-                    d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
-                </svg>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <div class="sidepanel-content-wrapper">
-          <div class="sidepanel-content">
-            <div class="sidepanel-tab-content" data-tab-content="tab-1">
-              <h4>Content 1</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-2">
-              <h4>Content 2</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-3">
-              <h4>Content 3</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-4">
-              <h4>Content 4</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-5">
-              <h4>Content 5</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
+  <body>
+    <header class="header">
+      <h1>
+        Leaflet Sidepanel
+        <a href="https://github.com/cyclingbyte/Leaflet.SidePanel">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            fill="currentColor"
+            class="bi bi-github"
+            viewBox="0 0 16 16"
+          >
+            <path
+              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+            /></svg
+          ><span>Github</span>
+        </a>
+      </h1>
+    </header>
+
+    <!-- Map ID -->
+    <div id="map">
+      <!-- Side Panel left -->
+      <div
+        id="mySidepanelLeft"
+        class="sidepanel"
+        aria-label="side panel"
+        aria-hidden="false"
+      >
+        <div class="sidepanel-inner-wrapper">
+          <nav
+            class="sidepanel-tabs-wrapper"
+            aria-label="sidepanel tab navigation"
+          >
+            <ul class="sidepanel-tabs">
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-1"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-list"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-2"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-geo"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-3"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-geo-alt"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"
+                    />
+                    <path
+                      d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-4"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-bookmarks"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z"
+                    />
+                    <path
+                      d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-5"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-gear"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"
+                    />
+                    <path
+                      d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"
+                    />
+                  </svg>
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <div class="sidepanel-content-wrapper">
+            <div class="sidepanel-content">
+              <div class="sidepanel-tab-content" data-tab-content="tab-1">
+                <h4>Content 1</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-2">
+                <h4>Content 2</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-3">
+                <h4>Content 3</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-4">
+                <h4>Content 4</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-5">
+                <h4>Content 5</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
             </div>
           </div>
         </div>
+        <div class="sidepanel-toggle-container">
+          <button
+            class="sidepanel-toggle-button"
+            type="button"
+            aria-label="toggle side panel"
+          ></button>
+        </div>
       </div>
-      <div class="sidepanel-toggle-container">
-        <button class="sidepanel-toggle-button" type="button" aria-label="toggle side panel"></button>
-      </div>
-    </div>
 
-    <!-- Side Panel right -->
-    <div id="mySidepanelRight" class="sidepanel" aria-label="side panel" aria-hidden="false">
-      <div class="sidepanel-inner-wrapper">
-        <nav class="sidepanel-tabs-wrapper" aria-label="sidepanel tab navigation">
-          <ul class="sidepanel-tabs">
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-1">
-                List
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-2">
-                Pin
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-3">
-                Mark
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-4">
-                Bookmarks
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-5">
-                Settings
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <div class="sidepanel-content-wrapper">
-          <div class="sidepanel-content">
-            <div class="sidepanel-tab-content" data-tab-content="tab-1">
-              <h4>Content 1</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-2">
-              <h4>Content 2</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-3">
-              <h4>Content 3</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-4">
-              <h4>Content 4</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-5">
-              <h4>Content 5</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
+      <!-- Side Panel right -->
+      <div
+        id="mySidepanelRight"
+        class="sidepanel"
+        aria-label="side panel"
+        aria-hidden="false"
+      >
+        <div class="sidepanel-inner-wrapper">
+          <nav
+            class="sidepanel-tabs-wrapper"
+            aria-label="sidepanel tab navigation"
+          >
+            <ul class="sidepanel-tabs">
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-1"
+                >
+                  List
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-2"
+                >
+                  Pin
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-3"
+                >
+                  Mark
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-4"
+                >
+                  Bookmarks
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-5"
+                >
+                  Settings
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <div class="sidepanel-content-wrapper">
+            <div class="sidepanel-content">
+              <div class="sidepanel-tab-content" data-tab-content="tab-1">
+                <h4>Content 1</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-2">
+                <h4>Content 2</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-3">
+                <h4>Content 3</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-4">
+                <h4>Content 4</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-5">
+                <h4>Content 5</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div class="sidepanel-toggle-container">
-        <button class="sidepanel-toggle-button" type="button" aria-label="toggle side panel"></button>
+        <div class="sidepanel-toggle-container">
+          <button
+            class="sidepanel-toggle-button"
+            type="button"
+            aria-label="toggle side panel"
+          ></button>
+        </div>
       </div>
     </div>
-  </div>
-
-  <!-- Scripts -->
-  <script
-    src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-    crossorigin=""
-  ></script>
-  <script src="../dist/leaflet-sidepanel.umd.js"></script>
-  <script>
-    const map = L.map('map', {
-      zoomControl: false
-    }).setView([51.505, -0.09], 13);
-    L.control.scale({
-      position: 'bottomleft'
-    }).addTo(map);
-    L.control.zoom({
-      position: 'topleft'
-    }).addTo(map);
 
-    const sidepanelLeft = L.control.sidepanel('mySidepanelLeft', {
-      tabsPosition: 'left',
-      startTab: 'tab-5'
-    }).addTo(map);
-    const sidepanelRight = L.control.sidepanel('mySidepanelRight', {
-      panelPosition: 'right',
-      tabsPosition: 'top',
-      pushControls: true,
-      darkMode: true,
-      startTab: 2
-    });
-    sidepanelRight.addTo(map);
+    <!-- Scripts -->
+    <script
+      src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+      crossorigin=""
+    ></script>
+    <script src="../dist/leaflet-sidepanel.umd.js"></script>
+    <script>
+      const map = L.map('map', {
+        zoomControl: false,
+      }).setView([51.505, -0.09], 13);
+      L.control
+        .scale({
+          position: 'bottomleft',
+        })
+        .addTo(map);
+      L.control
+        .zoom({
+          position: 'topleft',
+        })
+        .addTo(map);
 
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-    }).addTo(map);
+      const sidepanelLeft = L.control
+        .sidepanel('mySidepanelLeft', {
+          tabsPosition: 'left',
+          startTab: 'tab-5',
+        })
+        .addTo(map);
+      const sidepanelRight = L.control.sidepanel('mySidepanelRight', {
+        panelPosition: 'right',
+        tabsPosition: 'top',
+        pushControls: true,
+        darkMode: true,
+        startTab: 2,
+      });
+      sidepanelRight.addTo(map);
 
-    L.marker([51.5, -0.09]).addTo(map)
-      .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
-      .openPopup()
-      .bindTooltip('A pretty CSS3 tooltip.<br> Easily customizable.');
-  </script>
-</body>
+      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        attribution:
+          '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+      }).addTo(map);
 
-</html>
\ No newline at end of file
+      L.marker([51.5, -0.09])
+        .addTo(map)
+        .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
+        .openPopup()
+        .bindTooltip('A pretty CSS3 tooltip.<br> Easily customizable.');
+    </script>
+  </body>
+</html>
diff --git a/examples/index.html b/examples/index.html
index 69d86e5..934817d 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -1,280 +1,466 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+      integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+      crossorigin=""
+    />
+    <link
+      rel="stylesheet"
+      href="https://www.unpkg.com/leaflet.sidepanel@1.1.0/dist/style.css"
+    />
+    <title>Leaflet - Side Panel plugin</title>
+    <style>
+      html,
+      body {
+        margin: 0;
+        font-family:
+          Roboto,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          Oxygen,
+          Ubuntu,
+          Cantarell,
+          'Open Sans',
+          'Helvetica Neue',
+          sans-serif;
+        height: 100%;
+        color: #1f1412;
+      }
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link
-    rel="stylesheet"
-    href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
-    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
-    crossorigin=""
-  />
-  <link rel="stylesheet" href="https://www.unpkg.com/leaflet.sidepanel@1.1.0/dist/style.css">
-  <title>Leaflet - Side Panel plugin</title>
-  <style>
-    html,
-    body {
-      margin: 0;
-      font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      height: 100%;
-      color: #1f1412;
-    }
-
-    body {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
+      body {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
 
-    .header h1 {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+      .header h1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
 
-    .header a {
-      font-size: 16px;
-      color: #199900;
-      text-decoration: none;
-      margin-left: 24px;
-    }
+      .header a {
+        font-size: 16px;
+        color: #199900;
+        text-decoration: none;
+        margin-left: 24px;
+      }
 
-    .header a:hover {
-      color: #116600;
-      text-decoration: underline;
-    }
-    
-    .header a span {
-      margin-left: 4px;
-    }
+      .header a:hover {
+        color: #116600;
+        text-decoration: underline;
+      }
 
-    .header a svg {
-      vertical-align: middle;
-    }
+      .header a span {
+        margin-left: 4px;
+      }
 
-    #map {
-      width: 100%;
-      height: 100vh;
-      border: 1px solid #1f1412;
-    }
+      .header a svg {
+        vertical-align: middle;
+      }
 
-    @media all and (min-width: 1024px) {
       #map {
-        height: 768px;
-        width: 1024px;
+        width: 100%;
+        height: 100vh;
+        border: 1px solid #1f1412;
       }
-    }
-  </style>
-</head>
 
-<body>
-  <header class="header">
-    <h1>Leaflet Sidepanel <a href="https://github.com/cyclingbyte/Leaflet.SidePanel">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
-          <path
-            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-        </svg><span>Github</span>
-      </a>
-    </h1>
-  </header>
-  <!-- Map ID -->
-  <div id="map">
-    <!-- Side Panel left -->
-    <div id="mySidepanelLeft" class="sidepanel" aria-label="side panel" aria-hidden="false">
-      <div class="sidepanel-inner-wrapper">
-        <nav class="sidepanel-tabs-wrapper" aria-label="sidepanel tab navigation">
-          <ul class="sidepanel-tabs">
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-1">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
-                  <path fill-rule="evenodd"
-                    d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-2">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
-                  <path fill-rule="evenodd"
-                    d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-3">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
-                  <path
-                    d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
-                  <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-4">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bookmarks" viewBox="0 0 16 16">
-                  <path
-                    d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z" />
-                  <path d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z" />
-                </svg>
-              </a>
-            </li>
-            <li class="sidepanel-tab">
-              <a href="#" class="sidebar-tab-link" role="tab" data-tab-link="tab-5">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
-                  <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
-                  <path
-                    d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
-                </svg>
-              </a>
-            </li>
-          </ul>
-        </nav>
-        <div class="sidepanel-content-wrapper">
-          <div class="sidepanel-content">
-            <div class="sidepanel-tab-content" data-tab-content="tab-1">
-              <h4>Content 1</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-2">
-              <h4>Content 2</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-3">
-              <h4>Content 3</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-4">
-              <h4>Content 4</h4>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            </div>
-            <div class="sidepanel-tab-content" data-tab-content="tab-5">
-              <h4>Content 5</h4>
-              <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-                diam.
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-                massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-                scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-                massa,
-                in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-                non
-                turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-              <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-                iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-                ipsum
-                id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-                mauris.
-                Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
+      @media all and (min-width: 1024px) {
+        #map {
+          height: 768px;
+          width: 1024px;
+        }
+      }
+    </style>
+  </head>
+
+  <body>
+    <header class="header">
+      <h1>
+        Leaflet Sidepanel
+        <a href="https://github.com/cyclingbyte/Leaflet.SidePanel">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            fill="currentColor"
+            class="bi bi-github"
+            viewBox="0 0 16 16"
+          >
+            <path
+              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+            /></svg
+          ><span>Github</span>
+        </a>
+      </h1>
+    </header>
+    <!-- Map ID -->
+    <div id="map">
+      <!-- Side Panel left -->
+      <div
+        id="mySidepanelLeft"
+        class="sidepanel"
+        aria-label="side panel"
+        aria-hidden="false"
+      >
+        <div class="sidepanel-inner-wrapper">
+          <nav
+            class="sidepanel-tabs-wrapper"
+            aria-label="sidepanel tab navigation"
+          >
+            <ul class="sidepanel-tabs">
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-1"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-list"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-2"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-geo"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-3"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-geo-alt"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"
+                    />
+                    <path
+                      d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-4"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-bookmarks"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z"
+                    />
+                    <path
+                      d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"
+                    />
+                  </svg>
+                </a>
+              </li>
+              <li class="sidepanel-tab">
+                <a
+                  href="#"
+                  class="sidebar-tab-link"
+                  role="tab"
+                  data-tab-link="tab-5"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="currentColor"
+                    class="bi bi-gear"
+                    viewBox="0 0 16 16"
+                  >
+                    <path
+                      d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"
+                    />
+                    <path
+                      d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"
+                    />
+                  </svg>
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <div class="sidepanel-content-wrapper">
+            <div class="sidepanel-content">
+              <div class="sidepanel-tab-content" data-tab-content="tab-1">
+                <h4>Content 1</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-2">
+                <h4>Content 2</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-3">
+                <h4>Content 3</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-4">
+                <h4>Content 4</h4>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
+              <div class="sidepanel-tab-content" data-tab-content="tab-5">
+                <h4>Content 5</h4>
+                <p>
+                  Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                  tortor, eget porttitor leo. Fusce justo lorem, dictum nec
+                  rutrum sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                  lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                  et feugiat efficitur. Donec est magna, lobortis sit amet
+                  ligula ut, vehicula posuere diam. Suspendisse aliquet blandit
+                  velit, consectetur scelerisque libero porttitor eu. Praesent
+                  faucibus dignissim maximus. Vestibulum porta eu tellus sit
+                  amet ultricies. Integer aliquet vestibulum massa, in interdum
+                  arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut
+                  diam orci. Fusce odio diam, laoreet non elit sed, suscipit
+                  mollis leo. Fusce non turpis faucibus, placerat sapien quis,
+                  varius ligula. Praesent ac magna id tortor ultricies ultricies
+                  quis nec quam.
+                </p>
+                <p>
+                  Etiam varius in neque a tristique. Maecenas euismod pharetra
+                  scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                  posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                  molestie sem in varius vulputate. Cras enim sapien, malesuada
+                  id nisi eu, volutpat congue leo. Praesent aliquet ipsum id
+                  lectus consequat rutrum. In vitae dolor pellentesque dolor
+                  scelerisque condimentum eget at ligula. Integer vel turpis
+                  eros. Cras at hendrerit mauris. Aliquam erat volutpat. Quisque
+                  vehicula pharetra mauris, nec finibus augue posuere ut. Etiam
+                  condimentum lacus at purus luctus finibus.
+                </p>
+              </div>
             </div>
           </div>
         </div>
+        <div class="sidepanel-toggle-container">
+          <button
+            class="sidepanel-toggle-button"
+            type="button"
+            aria-label="toggle side panel"
+          ></button>
+        </div>
       </div>
-      <div class="sidepanel-toggle-container">
-        <button class="sidepanel-toggle-button" type="button" aria-label="toggle side panel"></button>
-      </div>
-    </div>
 
-    <!-- Side Panel right -->
-    <div id="mySidepanelRight" class="sidepanel" aria-label="side panel" aria-hidden="false">
-      <div class="sidepanel-inner-wrapper">
-        <div class="sidepanel-content-wrapper">
-          <div class="sidepanel-content">
-            <h4>Content - no tabs</h4>
-            <p>Nam nec lacinia purus, in accumsan arcu. Aenean at maximus tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum sed, mattis faucibus
-              diam.
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper ex sagittis lacus gravida interdum quis sit amet justo. Nunc posuere
-              massa et feugiat efficitur. Donec est magna, lobortis sit amet ligula ut, vehicula posuere diam. Suspendisse aliquet blandit velit, consectetur
-              scelerisque libero porttitor eu. Praesent faucibus dignissim maximus. Vestibulum porta eu tellus sit amet ultricies. Integer aliquet vestibulum
-              massa,
-              in interdum arcu commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci. Fusce odio diam, laoreet non elit sed, suscipit mollis leo. Fusce
-              non
-              turpis faucibus, placerat sapien quis, varius ligula. Praesent ac magna id tortor ultricies ultricies quis nec quam.</p>
-            <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-              iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-              ipsum
-              id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-              mauris.
-              Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
-            <p>Etiam varius in neque a tristique. Maecenas euismod pharetra scelerisque. Nam in pretium nulla, vel blandit risus. Duis posuere egestas nisi, vitae
-              iaculis tortor varius eget. Morbi molestie sem in varius vulputate. Cras enim sapien, malesuada id nisi eu, volutpat congue leo. Praesent aliquet
-              ipsum
-              id lectus consequat rutrum. In vitae dolor pellentesque dolor scelerisque condimentum eget at ligula. Integer vel turpis eros. Cras at hendrerit
-              mauris.
-              Aliquam erat volutpat. Quisque vehicula pharetra mauris, nec finibus augue posuere ut. Etiam condimentum lacus at purus luctus finibus.</p>
+      <!-- Side Panel right -->
+      <div
+        id="mySidepanelRight"
+        class="sidepanel"
+        aria-label="side panel"
+        aria-hidden="false"
+      >
+        <div class="sidepanel-inner-wrapper">
+          <div class="sidepanel-content-wrapper">
+            <div class="sidepanel-content">
+              <h4>Content - no tabs</h4>
+              <p>
+                Nam nec lacinia purus, in accumsan arcu. Aenean at maximus
+                tortor, eget porttitor leo. Fusce justo lorem, dictum nec rutrum
+                sed, mattis faucibus diam. Lorem ipsum dolor sit amet,
+                consectetur adipiscing elit. Phasellus ullamcorper ex sagittis
+                lacus gravida interdum quis sit amet justo. Nunc posuere massa
+                et feugiat efficitur. Donec est magna, lobortis sit amet ligula
+                ut, vehicula posuere diam. Suspendisse aliquet blandit velit,
+                consectetur scelerisque libero porttitor eu. Praesent faucibus
+                dignissim maximus. Vestibulum porta eu tellus sit amet
+                ultricies. Integer aliquet vestibulum massa, in interdum arcu
+                commodo ac. Curabitur sit amet cursus ipsum. Donec ut diam orci.
+                Fusce odio diam, laoreet non elit sed, suscipit mollis leo.
+                Fusce non turpis faucibus, placerat sapien quis, varius ligula.
+                Praesent ac magna id tortor ultricies ultricies quis nec quam.
+              </p>
+              <p>
+                Etiam varius in neque a tristique. Maecenas euismod pharetra
+                scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                molestie sem in varius vulputate. Cras enim sapien, malesuada id
+                nisi eu, volutpat congue leo. Praesent aliquet ipsum id lectus
+                consequat rutrum. In vitae dolor pellentesque dolor scelerisque
+                condimentum eget at ligula. Integer vel turpis eros. Cras at
+                hendrerit mauris. Aliquam erat volutpat. Quisque vehicula
+                pharetra mauris, nec finibus augue posuere ut. Etiam condimentum
+                lacus at purus luctus finibus.
+              </p>
+              <p>
+                Etiam varius in neque a tristique. Maecenas euismod pharetra
+                scelerisque. Nam in pretium nulla, vel blandit risus. Duis
+                posuere egestas nisi, vitae iaculis tortor varius eget. Morbi
+                molestie sem in varius vulputate. Cras enim sapien, malesuada id
+                nisi eu, volutpat congue leo. Praesent aliquet ipsum id lectus
+                consequat rutrum. In vitae dolor pellentesque dolor scelerisque
+                condimentum eget at ligula. Integer vel turpis eros. Cras at
+                hendrerit mauris. Aliquam erat volutpat. Quisque vehicula
+                pharetra mauris, nec finibus augue posuere ut. Etiam condimentum
+                lacus at purus luctus finibus.
+              </p>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="sidepanel-toggle-container">
-        <button class="sidepanel-toggle-button" type="button" aria-label="toggle side panel"></button>
+        <div class="sidepanel-toggle-container">
+          <button
+            class="sidepanel-toggle-button"
+            type="button"
+            aria-label="toggle side panel"
+          ></button>
+        </div>
       </div>
     </div>
-  </div>
-
-  <!-- Scripts -->
-  <script
-    src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
-    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-    crossorigin=""
-  ></script>
-  <script src="https://www.unpkg.com/leaflet.sidepanel@1.1.0/dist/leaflet-sidepanel.umd.js"></script>
-  <script>
-    const map = L.map('map', {
-      zoomControl: false
-    }).setView([51.505, -0.09], 13);
-    L.control.scale({
-      position: 'bottomleft'
-    }).addTo(map);
-    L.control.zoom({
-      position: 'topleft'
-    }).addTo(map);
 
-    const sidepanelLeft = L.control.sidepanel('mySidepanelLeft', {
-      tabsPosition: 'left',
-      startTab: 'tab-5'
-    }).addTo(map);
-    const sidepanelRight = L.control.sidepanel('mySidepanelRight', {
-      hasTabs: false,
-      panelPosition: 'right',
-      pushControls: true,
-      darkMode: true,
-    }).addTo(map);
+    <!-- Scripts -->
+    <script
+      src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+      crossorigin=""
+    ></script>
+    <script src="https://www.unpkg.com/leaflet.sidepanel@1.1.0/dist/leaflet-sidepanel.umd.js"></script>
+    <script>
+      const map = L.map('map', {
+        zoomControl: false,
+      }).setView([51.505, -0.09], 13);
+      L.control
+        .scale({
+          position: 'bottomleft',
+        })
+        .addTo(map);
+      L.control
+        .zoom({
+          position: 'topleft',
+        })
+        .addTo(map);
 
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-    }).addTo(map);
+      const sidepanelLeft = L.control
+        .sidepanel('mySidepanelLeft', {
+          tabsPosition: 'left',
+          startTab: 'tab-5',
+        })
+        .addTo(map);
+      const sidepanelRight = L.control
+        .sidepanel('mySidepanelRight', {
+          hasTabs: false,
+          panelPosition: 'right',
+          pushControls: true,
+          darkMode: true,
+        })
+        .addTo(map);
 
-    L.marker([51.5, -0.09]).addTo(map)
-      .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
-      .openPopup()
-      .bindTooltip('A pretty CSS3 tooltip.<br> Easily customizable.');
-  </script>
-</body>
+      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        attribution:
+          '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+      }).addTo(map);
 
-</html>
\ No newline at end of file
+      L.marker([51.5, -0.09])
+        .addTo(map)
+        .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
+        .openPopup()
+        .bindTooltip('A pretty CSS3 tooltip.<br> Easily customizable.');
+    </script>
+  </body>
+</html>
diff --git a/package.json b/package.json
index a0b9afb..3e0ba87 100644
--- a/package.json
+++ b/package.json
@@ -21,8 +21,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint --max-warnings 0 . || (echo 'Linter failed' && exit 1)",
     "lint:fix": "eslint --fix .",
-    "format": "prettier --write src/",
-    "format:check": "prettier --check src/ || (echo 'Code is not formatted' && exit 1)"
+    "format": "prettier --write .",
+    "format:check": "prettier --check . || (echo 'Code is not formatted' && exit 1)"
   },
   "repository": {
     "type": "git",
diff --git a/tsconfig.json b/tsconfig.json
index 077a39c..24f29e5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,10 +5,8 @@
     "strict": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "types": [
-      "node",
-    ],
-    "outDir": "dist",
+    "types": ["node"],
+    "outDir": "dist"
   },
   "include": ["src/**/*"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index 5f27a10..e045c31 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,28 +1,30 @@
 import { defineConfig } from 'vite';
-import { fileURLToPath, URL } from 'node:url'
-import dts from 'vite-plugin-dts'
+import { fileURLToPath, URL } from 'node:url';
+import dts from 'vite-plugin-dts';
 
 export default defineConfig({
   plugins: [dts()],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
   },
   build: {
     lib: {
-      entry: fileURLToPath(new URL('./src/leaflet-sidepanel.ts', import.meta.url)),
+      entry: fileURLToPath(
+        new URL('./src/leaflet-sidepanel.ts', import.meta.url)
+      ),
       formats: ['es', 'cjs', 'umd'],
       name: 'leaflet-sidepanel',
-      fileName: (format) => `leaflet-sidepanel.${format}.js`
+      fileName: (format) => `leaflet-sidepanel.${format}.js`,
     },
     rollupOptions: {
       external: ['leaflet'],
       output: {
         globals: {
           leaflet: 'L',
-        }
-      }
-    }
-  }
-})
+        },
+      },
+    },
+  },
+});