diff --git a/components/reps/CharacterRep/index.module.scss b/components/reps/CharacterRep/index.module.scss
index 38502054..b623728e 100644
--- a/components/reps/CharacterRep/index.module.scss
+++ b/components/reps/CharacterRep/index.module.scss
@@ -6,6 +6,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .character,
   .protagonist {
     aspect-ratio: 16 / 33;
diff --git a/components/reps/SummonRep/index.module.scss b/components/reps/SummonRep/index.module.scss
index 6149e46e..70aa1508 100644
--- a/components/reps/SummonRep/index.module.scss
+++ b/components/reps/SummonRep/index.module.scss
@@ -8,6 +8,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .summon,
   .mainSummon {
     background: var(--card-bg);
diff --git a/components/reps/WeaponRep/index.module.scss b/components/reps/WeaponRep/index.module.scss
index fb76f59e..02116aa3 100644
--- a/components/reps/WeaponRep/index.module.scss
+++ b/components/reps/WeaponRep/index.module.scss
@@ -8,6 +8,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .mainhand,
   .weapon {
     background: var(--card-bg);