From a2e36b7df4ef61048d7434f881a6369dd3940f20 Mon Sep 17 00:00:00 2001
From: Brooke <brooke@myco.systems>
Date: Sun, 5 May 2024 19:52:23 -0400
Subject: [PATCH] why is width 100% larger than the containing div?

---
 public/spellcheck/index.html | 4 +---
 public/style.css             | 7 ++++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/public/spellcheck/index.html b/public/spellcheck/index.html
index 04e6e1a..e895310 100755
--- a/public/spellcheck/index.html
+++ b/public/spellcheck/index.html
@@ -7,14 +7,13 @@
     <link rel="stylesheet" href="/public/style.css" />
     <link
       rel="icon"
-      href="/public/icons/red-background/favicon.ico"
+      href="/icons/red-background/favicon.ico"
       type="image/x-icon"
     />
     <meta
       name="description"
       content="Myco.systems is a tech cooperative that utilizes open-source technology to enable individuals from diverse backgrounds to develop sustainable solutions."
     />
-
     <meta property="og:url" content="https://myco.systems/" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="The Mycelial Network" />
@@ -26,7 +25,6 @@
       property="og:image"
       content="https://myco.systems/icons/backgrounds/concrete-shrooms.png"
     />
-
     <meta name="twitter:card" content="summary_large_image" />
     <meta property="twitter:domain" content="myco.systems" />
     <meta property="twitter:url" content="https://myco.systems/" />
diff --git a/public/style.css b/public/style.css
index 270ef6e..eb6d8ca 100644
--- a/public/style.css
+++ b/public/style.css
@@ -144,15 +144,16 @@ body,
   word-wrap: break-word;
   font-size: 12px !important;
   background-color: #241917;
-  color: #fff;
+  color: #f3bbae;
   border: 4px solid #f3bbae92;
   padding: 5px;
-  height: 100%;
+  max-height: 100%;
+  max-width: 100%;
   margin-bottom: 1rem;
 }
 
 .area-full:hover {
-  border: 4px solid #f3bbae92;
+  border: 4px solid #f3bbae74;
 }
 
 #spellCheck {