1 files changed, 27 insertions, 37 deletions

diff --git a/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css b/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css
index 75f4562820..cb6dd9b6f2 100644
--- a/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css
+++ b/browser/components/storybook/.storybook/addon-fluent/fluent-panel.css
@@ -15,69 +15,59 @@
   font-size: 13px;
 }
 
-.addon-panel-table {
-  border-collapse: collapse;
+table.addon-panel-table {
   border-spacing: 0;
-  color: #333333;
-  font-size: 13px;
-  line-height: 20px;
   text-align: left;
   width: 100%;
   margin: 0;
 }
 
-.addon-panel-table-head {
-  color: rgba(51,51,51,0.75);
+table.addon-panel-table thead.addon-panel-table-head th {
+  border: none;
+  color: rgba(46, 52, 56, 0.75);
 }
 
-.addon-panel-table-head th {
-  padding: 10px 15px;
-  border: none;
-  vertical-align: top;
+@media (prefers-color-scheme: dark) {
+  table.addon-panel-table thead.addon-panel-table-head th {
+    color: rgba(201, 205, 207, 0.55)
+  }
+}
+
+table.addon-panel-table thead.addon-panel-table-head tr {
+  border-top: none;
 }
 
-.addon-panel-table-head th:first-of-type, .addon-panel-table-body td:first-of-type {
+.addon-panel-table-head th:first-of-type,
+.addon-panel-table-body td:first-of-type {
   width: 25%;
   padding-left: 20px;
+  border-inline: none;
 }
 
-.addon-panel-table-head th:last-of-type, .addon-panel-table-body td:last-of-type {
+.addon-panel-table-head th:last-of-type,
+.addon-panel-table-body td:last-of-type {
   padding-right: 20px;
+  border-inline-start: none;
 }
 
-.addon-panel-table-body {
-  border-radius: 4px;
-}
-
-.addon-panel-table-body tr {
+.addon-panel-body {
   overflow: hidden;
-  border-top: 1px solid #e6e6e6;
 }
 
 .addon-panel-table-body td {
-  padding: 10px 15px;
   font-weight: bold;
+  vertical-align: top;
 }
 
-.addon-panel-table-body label {
-  display: flex;
+table.addon-panel-table .addon-panel-table-body tr:nth-of-type(2n) {
+  background-color: unset;
+}
+
+.addon-panel-table-body tr:last-of-type td {
+  border-bottom: none;
 }
 
 .addon-panel-table-body textarea {
   height: fit-content;
-  appearance: none;
-  border: none;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background-color: rgb(255, 255, 255);
-  padding: 6px 10px;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  flex: 1;
-  text-align: left;
-  overflow: visible;
-  max-height: 400px;
+  width: 100%;
 }