diff --git a/code/websites/pokedex.online/src/components/ProfessorPokeball.vue b/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
index 855d310..0809c9b 100644
--- a/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
+++ b/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="professor-pokeball">
+  <div class="professor-pokeball" :style="{ width: size, height: size }">
     <svg
       id="professor-pokeball-svg"
       xmlns="http://www.w3.org/2000/svg"
-      :width="size"
-      :height="size"
+      width="100%"
+      height="100%"
       viewBox="0 0 1275.907 1275.909"
     >
       <path