Small fixes

components/Header/index.module.scss

@@ -1,12 +1,29 @@
 .bahamut {
+  $negative-margin: $unit * -2;
+
+  align-items: center;
   background: #2b4683;
-  color: white;
+  box-sizing: border-box;
+  display: flex;
+  gap: $unit;
+  justify-content: center;
   text-align: center;
   font-weight: $bold;
-  padding: $unit;
+  padding: $unit-2x;
-  border-radius: $full-corner;
+  margin-top: $negative-margin;
-  margin-bottom: $unit;
+  margin-left: $negative-margin;
-  width: 100%;
+  margin-right: $negative-margin;
+  margin-bottom: $unit-2x;
+  width: 100vw;
+
+  p {
+    color: white;
+  }
+
+  svg {
+    width: 1.2em;
+    fill: white;
+  }
 }
 
 .header {

components/Header/index.tsx

@@ -26,6 +26,7 @@ import AccountModal from '~components/auth/AccountModal'
 import Button from '~components/common/Button'
 import Tooltip from '~components/common/Tooltip'
 
+import BahamutIcon from '~public/icons/Bahamut.svg'
 import ChevronIcon from '~public/icons/Chevron.svg'
 import MenuIcon from '~public/icons/Menu.svg'
 import PlusIcon from '~public/icons/Add.svg'
@@ -383,7 +384,10 @@ const Header = () => {
   return (
     <>
       {accountState.account.user?.bahamut && (
-        <div className={styles.bahamut}>Bahamut Mode is active</div>
+        <div className={styles.bahamut}>
+          <BahamutIcon />
+          <p>Bahamut Mode is active</p>
+        </div>
       )}
       <nav className={styles.header}>
         {left}

public/icons/Bahamut.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 77 100" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.9032 18.3583C43.9697 18.17 54.0632 20.9672 61.891 17.2207C71.4259 12.6622 73.7233 6.31467 76.3706 1.41484C76.9685 0.308551 75.4856 -0.491727 74.9231 0.351719C71.2609 5.81647 63.252 14.2392 45.2127 8.8647C28.8766 3.99232 21.3596 16.2714 20.2346 18.6762C20.2346 18.6762 20.2424 13.7371 20.2188 13.5134C20.1952 13.2898 20.0813 13.1525 19.8846 13.1329C19.684 13.1132 19.4872 13.4702 19.4872 13.4702C17.7761 21.1319 15.184 25.969 12.3557 28.3307V30.1783C10.2945 32.0927 6.29005 33.9287 2.09687 34.5564C-2.22612 35.2037 1.47528 41.5786 1.47528 41.5786C1.98271 40.6449 2.82071 39.9623 3.83557 39.4641L5.97545 42.9791L6.22706 38.656C6.75023 38.5422 7.28536 38.456 7.8282 38.3932L9.07496 41.4609L9.93255 38.2402C11.0772 38.2088 12.1746 38.248 13.1226 38.3147C14.4915 38.4127 15.2311 39.9584 14.4601 41.0922C13.4452 42.5868 12.2808 44.2345 12.1589 44.3718C12.1431 44.3561 10.4636 42.4574 10.4636 42.4574L10.9947 45.9136C10.2984 47.0512 9.97178 48.2477 10.6641 49.2716L13.5751 48.2045C13.5751 48.2045 13.1699 47.9535 13.2407 47.4867C13.2486 46.5962 14.46 45.5409 16.3167 44.0344C23.3538 38.3147 30.4225 47.3415 21.8473 55.164C15.4238 61.025 13.7048 65.3206 13.7048 67.0781V67.1017C13.2013 67.3606 12.8434 67.8745 12.8434 68.4786V68.4826C12.8434 69.3143 13.5003 69.9812 14.3264 70.0322C15.3648 71.3778 15.9902 73.0569 15.9902 74.885C15.9902 76.9014 15.2351 78.7374 13.996 80.1418C12.9497 80.2046 11.9663 80.6754 11.2898 81.4796L11.1716 81.6168C9.93649 83.0879 9.99164 85.2495 11.3015 86.6579C11.3369 86.6971 11.388 86.7285 11.4273 86.7678H10.2788L6.85249 93.382L10.2788 100H56.5531L59.9833 93.382L56.5531 86.7678H55.2788C55.3692 86.6814 55.4676 86.6069 55.5462 86.5128L55.6603 86.3754C56.8993 84.9043 56.8443 82.7427 55.5345 81.3344C54.8382 80.589 53.8705 80.1613 52.8517 80.13C51.6205 78.7295 50.8653 76.8975 50.8653 74.885C50.8653 73.0647 51.4788 71.3778 52.5291 70.0283C53.3433 69.9695 53.9924 69.3103 53.9924 68.4826V68.4786C53.9924 67.8823 53.6423 67.3802 53.1506 67.1174V67.0781C53.5794 65.8228 54.9207 62.0646 53.2961 57.7179C52.6196 55.9015 54.1144 55.4229 55.5068 55.7368C57.0567 56.1644 59.2988 56.8823 63.2835 60.0168C68.6292 64.2183 68.059 66.0817 69.2194 65.5796C70.4112 65.0657 69.5025 61.4879 65.2699 56.1369C60.3963 49.9699 54.783 47.3415 51.9351 45.8586C49.7992 44.5601 50.1061 43.3361 51.6638 43.089C53.725 42.8301 57.3872 43.0223 62.2727 45.788C63.4331 46.447 64.6562 47.5298 65.1086 46.8864C65.4823 46.3607 65.0968 45.278 63.1615 43.7637C54.9994 37.0868 45.9522 36.3218 44.7013 34.2779C44.0759 32.9088 44.4103 31.5867 48.5996 30.453C52.1044 29.6448 55.0349 30.092 55.9868 30.2843C56.9387 30.4726 57.0922 29.335 55.5541 28.617C46.3496 24.643 40.5908 27.8168 36.9523 25.6277C33.6835 23.6623 34.537 18.5191 38.9032 18.3583Z" />
+</svg>