diff --git a/src/components/ExtraWeapons/index.scss b/src/components/ExtraWeapons/index.scss
index ed1631ca..a8ac15f2 100644
--- a/src/components/ExtraWeapons/index.scss
+++ b/src/components/ExtraWeapons/index.scss
@@ -1,4 +1,4 @@
-.ExtraWeapons {
+#ExtraWeapons {
     background: #ECEBFF;
     border-radius: 8px;
     box-sizing: border-box;
diff --git a/src/components/ExtraWeapons/index.tsx b/src/components/ExtraWeapons/index.tsx
index fdfea713..ba9d70ca 100644
--- a/src/components/ExtraWeapons/index.tsx
+++ b/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">
                 {
diff --git a/src/components/WeaponGrid/index.scss b/src/components/WeaponGrid/index.scss
index cbff9511..b9245a27 100644
--- a/src/components/WeaponGrid/index.scss
+++ b/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;
 }
 
diff --git a/src/components/WeaponGrid/index.tsx b/src/components/WeaponGrid/index.tsx
index a4db4386..1eac1ab8 100644
--- a/src/components/WeaponGrid/index.tsx
+++ b/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"