diff --git a/web/frontend/public/index.html b/web/frontend/public/index.html
index b92f780..21c1ce4 100644
--- a/web/frontend/public/index.html
+++ b/web/frontend/public/index.html
@@ -12,7 +12,7 @@
     <style>
       :root {
         --site-max-width: 1500px;
-        --site-min-width: 900px;
+        --site-min-width: 800px;
         --box-border: 1px solid rgba(0, 0, 0, 0.2);
         --box-shadow: 0px 2px 4px -3px rgba(0, 0, 0, 0.2);
         --border-radius: 4px;
@@ -29,11 +29,16 @@
         padding: 0;
         font-family: Arial, sans-serif;
         background-color: #333;
+        min-width: 900px;
       }
       .content {
         background-color: var(--contrast-10);
         padding-bottom: 36px;
       }
+      *::selection {
+        background: var(--primary);
+        color: #fff;
+      }
     </style>
   </head>
   <body>
diff --git a/web/frontend/src/components/Common/Buttons/SectionButton.module.css b/web/frontend/src/components/Common/Buttons/SectionButton.module.css
index 5c484e0..d756b05 100644
--- a/web/frontend/src/components/Common/Buttons/SectionButton.module.css
+++ b/web/frontend/src/components/Common/Buttons/SectionButton.module.css
@@ -7,12 +7,12 @@
 .SectionButton {
   height: 48px;
   width: 48px;
-  font-size: 16px;
+  font-size: 14px;
   border: 0;
   background-color: transparent;
   margin: 8px 0 8px 0px;
   cursor: pointer;
-  color: var(--contrast-60);
+  color: var(--contrast-80);
 }
 
 .SectionButton:hover {
@@ -22,5 +22,5 @@
 }
 
 .SectionButton:active {
-  background-color: var(--contrast-60);
+  background-color: var(--contrast-80);
 }
diff --git a/web/frontend/src/components/Common/Buttons/SiteHeaderButton.module.css b/web/frontend/src/components/Common/Buttons/SiteHeaderButton.module.css
index 9344f7c..e64dbdf 100644
--- a/web/frontend/src/components/Common/Buttons/SiteHeaderButton.module.css
+++ b/web/frontend/src/components/Common/Buttons/SiteHeaderButton.module.css
@@ -36,7 +36,7 @@
 
 .light {
   color: var(--contrast-80);
-  background: linear-gradient(var(--contrast-0) 25%, var(--contrast-10) 100%);
+  background-color: var(--contrast-0)
 }
 
 .light:hover {
@@ -49,11 +49,13 @@
 
 .primary {
   color: white;
-  background: linear-gradient(var(--primary) 25%, color-mix(in hsl, #000, var(--primary) 90%) 100%);
+  border-color: color-mix(in hsl, #000, var(--primary) 90%);
+  background-color: var(--primary);
+  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
 }
 
 .primary:hover {
-  background: color-mix(in hsl, #fff, var(--primary) 90%);
+  background: color-mix(in hsl, #000, var(--primary) 95%);
 }
 
 .primary:active {
diff --git a/web/frontend/src/components/Common/Forms/Tables.css b/web/frontend/src/components/Common/Forms/Tables.css
index 039eb76..8971356 100644
--- a/web/frontend/src/components/Common/Forms/Tables.css
+++ b/web/frontend/src/components/Common/Forms/Tables.css
@@ -71,7 +71,7 @@
 .tabulator-row .tabulator-cell.tabulator-editing {
   border: 0;
   padding: 0 4px;
-  background-color: #cee;
+  background-color: color-mix(in hsl, #fff, var(--primary) 50%);
 }
 
 .tabulator-row .tabulator-cell.tabulator-editing input {
