Changed classes to ids

src/components/ExtraWeapons/index.scss

@@ -1,4 +1,4 @@
-.ExtraWeapons {
+#ExtraWeapons {
     background: #ECEBFF;
     border-radius: 8px;
     box-sizing: border-box;

src/components/ExtraWeapons/index.tsx

@@ -28,7 +28,7 @@ const ExtraWeapons = (props: Props) => {
     }
 
     return (
-        <div className="ExtraWeapons">
+        <div id="ExtraWeapons">
             <span>Additional<br />Weapons</span>
             <ul id="grid_weapons">
                 {

src/components/WeaponGrid/index.scss

@@ -1,9 +1,9 @@
-.WeaponGrid {
+#WeaponGrid {
     display: flex;
     justify-content: center;
 }
 
-.ExtraWeapons #grid_weapons > * {
+#ExtraWeapons #grid_weapons > * {
     margin-bottom: 0;
 }
 

src/components/WeaponGrid/index.tsx

@@ -47,7 +47,7 @@ const WeaponGrid = (props: Props) => {
 
     return (
         <div id="weapon_grids">
-            <div className="WeaponGrid">
+            <div id="WeaponGrid">
                 <WeaponUnit 
                     editable={props.editable}
                     key="grid_mainhand"