diff --git a/package-lock.json b/package-lock.json
index b06b0d987..6ddb4562f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,6 @@
             "license": "UNLICENSED",
             "dependencies": {
                 "ajv": "^8.0",
-                "bootstrap": "^5.3",
                 "codemirror": "^5.0.1",
                 "jquery": "^3.4.1",
                 "tar": "^6.1.11"
@@ -785,16 +784,6 @@
                 "url": "https://opencollective.com/parcel"
             }
         },
-        "node_modules/@popperjs/core": {
-            "version": "2.11.8",
-            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-            "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-            "peer": true,
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/popperjs"
-            }
-        },
         "node_modules/@rollup/rollup-android-arm-eabi": {
             "version": "4.40.1",
             "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.1.tgz",
@@ -1360,24 +1349,6 @@
                 "node": "*"
             }
         },
-        "node_modules/bootstrap": {
-            "version": "5.3.5",
-            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.5.tgz",
-            "integrity": "sha512-ct1CHKtiobRimyGzmsSldEtM03E8fcEX4Tb3dGXz1V8faRwM50+vfHwTzOxB3IlKO7m+9vTH3s/3C6T2EAPeTA==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/twbs"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/bootstrap"
-                }
-            ],
-            "peerDependencies": {
-                "@popperjs/core": "^2.11.8"
-            }
-        },
         "node_modules/bootswatch": {
             "version": "3.4.1",
             "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-3.4.1.tgz",
diff --git a/package.json b/package.json
index 790f1ca8e..51e777f25 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
     "type": "module",
     "dependencies": {
         "ajv": "^8.0",
-        "bootstrap": "^5.3",
         "codemirror": "^5.0.1",
         "jquery": "^3.4.1",
         "tar": "^6.1.11"
diff --git a/resources/css/app.scss b/resources/css/app.scss
index cb9790c47..c4979e6c8 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -1,4 +1,4 @@
-@import "bootstrap/scss/bootstrap";
+//@import "bootstrap/scss/bootstrap";
 
 html {
     font-family: 'Inter var', sans-serif;
@@ -45,7 +45,7 @@ a, a:hover, a:focus, button, button:focus {
     padding: .8rem 1.3rem;
     font-size: 1.3rem;
 
-    @include media-breakpoint-down(sm) {
+    @media (max-width: 575.98px) {
         padding: .5rem 1.1rem;
         font-size: 1.1rem;
     }
@@ -115,7 +115,7 @@ html, body {
 
     font-size: 1.13rem;
 
-    @include media-breakpoint-down(sm) {
+    @media (max-width: 575.98px) {
         font-size: .9em;
     }
 
@@ -150,11 +150,11 @@ h1 {
     font-size: 3rem;
     line-height: 3.8rem;
 
-    @include media-breakpoint-down(md) {
+    @media (max-width: 767.98px) {
         font-size: 2.4em;
     }
 
-    @include media-breakpoint-down(sm) {
+    @media (max-width: 575.98px) {
         font-size: 1.7em;
     }
 
@@ -166,12 +166,12 @@ h1 {
         font-weight: 800;
         text-align: center;
 
-        @include media-breakpoint-down(md) {
+        @media (max-width: 767.98px) {
             line-height: 1.3em;
             font-size: 3em;
         }
 
-        @include media-breakpoint-down(sm) {
+        @media (max-width: 575.98px) {
             font-size: 2.2em;
         }
     }
@@ -221,11 +221,11 @@ ul.list-nobullet {
         font-size: 1em;
     }
 
-    @include media-breakpoint-down(md) {
+    @media (max-width: 767.98px) {
         font-size: 1.3em;
     }
 
-    @include media-breakpoint-down(sm) {
+    @media (max-width: 575.98px) {
         font-size: 1.2em;
     }
 }
@@ -253,11 +253,11 @@ h4 {
 .blockquote {
     font-size: 1.4em;
 
-    @include media-breakpoint-down(md) {
+    @media (max-width: 767.98px) {
         font-size: 1.3em;
     }
 
-    @include media-breakpoint-down(sm) {
+    @media (max-width: 575.98px) {
         font-size: 1.1em;
     }
 }
@@ -553,7 +553,7 @@ label.required:before {
     }
 }
 
-@include media-breakpoint-down(sm) {
+@media (max-width: 575.98px) {
     .btn-lg {
         font-size: 1em;
     }
diff --git a/resources/views/base.blade.php b/resources/views/base.blade.php
index f5340f14f..937977436 100644
--- a/resources/views/base.blade.php
+++ b/resources/views/base.blade.php
@@ -2,6 +2,8 @@
 <html lang="en">
     <!-- build timestamp: {{ date("Y-m-d, H:i:s") }} -->
     <head>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
+
         @include('_snippets/layout/head')
         @include('_snippets/styles')