diff --git a/packages/beacon-ui/src/components/alert/styles.css b/packages/beacon-ui/src/components/alert/styles.css
deleted file mode 100644
index e9f6b66d1..000000000
--- a/packages/beacon-ui/src/components/alert/styles.css
+++ /dev/null
@@ -1,216 +0,0 @@
-.alert-wrapper-show {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: fixed;
-  height: 100%;
-  width: 100vw;
-  overflow: hidden;
-  top: 0px;
-  left: 0px;
-  background-color: rgba(0, 0, 0, 0.6);
-  opacity: 1;
-  transition: all ease 0.3s;
-  z-index: 99999;
-}
-
-.alert-wrapper-hide {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: fixed;
-  height: 100%;
-  width: 100vw;
-  overflow: hidden;
-  top: 0px;
-  left: 0px;
-  background-color: rgba(0, 0, 0, 0.6);
-  opacity: 0;
-  transition: all ease 0.3s;
-  z-index: 99999;
-}
-
-.theme__dark .alert-modal-show {
-  background-color: #27334c;
-}
-
-.theme__dark .alert-modal-hide {
-  background-color: #27334c;
-}
-
-.theme__dark .alert-footer {
-  color: white;
-  -webkit-box-shadow: 0px -4px 12px rgb(0 0 0 / 20%);
-  -moz-box-shadow: 0px -4px 12px rgb(0 0 0 / 20%);
-  box-shadow: 0px -4px 12px rgb(0 0 0 / 20%);
-}
-
-.theme__dark .alert-logo svg g {
-  fill: white;
-}
-
-.alert-modal-show {
-  background-color: white;
-  border-radius: 32px;
-  transition: all ease 0.3s;
-  transform: translateY(0px);
-  opacity: 1;
-  width: 480px;
-}
-
-.alert-modal-hide {
-  background-color: white;
-  border-radius: 32px;
-  transition: all ease 0.3s;
-  transform: translateY(24px);
-  opacity: 1;
-  width: 480px;
-}
-
-.alert-modal-loading-wrapper {
-  width: 480px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-
-.alert-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1.8em;
-  padding-top: 1.2em;
-  padding-bottom: 0px;
-}
-
-.alert-button-icon-empty {
-  width: 24px;
-  height: 24px;
-  padding: 2px;
-}
-
-.alert-button-icon {
-  width: 24px;
-  height: 24px;
-  padding: 2px;
-  border-radius: 100%;
-  border: 1px solid #f0f0f1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  fill: #64748b;
-  transition: all ease 0.2s;
-}
-
-.alert-button-icon:hover {
-  background-color: #475569;
-  border: 1px solid #475569;
-  fill: #e2e8f0;
-}
-
-.alert-logo {
-  margin: 0px 6em;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.alert-logo svg {
-  height: 28px;
-}
-
-.alert-body {
-  padding: 1.8em;
-  padding-bottom: 0px;
-  transition: all ease 0.3s;
-}
-
-.alert-footer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: grey;
-  cursor: pointer;
-  -webkit-box-shadow: 0px -4px 12px rgb(50 50 50 / 6%);
-  -moz-box-shadow: 0px -4px 12px rgb(50 50 50 / 6%);
-  box-shadow: 0px -4px 12px rgb(50 50 50 / 6%);
-  font-size: 0.938rem;
-  font-weight: bold;
-  height: 64px;
-}
-
-.alert-body-extra-show {
-  transition: all ease 0.3s;
-  overflow: hidden;
-  max-height: 35vh;
-  overflow-y: auto;
-}
-
-.alert-body-extra-hide {
-  transition: all ease 0.3s;
-  overflow: hidden;
-  max-height: 0px;
-}
-
-.alert-divider {
-  border-top: 1px solid #aaaaaa42;
-  width: 100%;
-  border-radius: 6px;
-}
-
-@media only screen and (max-width: 800px) {
-  .alert-logo {
-    margin: 0px 2em;
-  }
-
-  .alert-wrapper-show {
-    align-items: flex-end;
-    width: 100%;
-  }
-
-  .alert-wrapper-hide {
-    align-items: flex-end;
-    width: 100%;
-  }
-
-  .alert-modal-show {
-    border-bottom-left-radius: 0px;
-    border-bottom-right-radius: 0px;
-    padding-bottom: 1.8em;
-    width: 100%;
-  }
-
-  .alert-modal-hide {
-    border-bottom-left-radius: 0px;
-    border-bottom-right-radius: 0px;
-    padding-bottom: 1.8em;
-  }
-}
-
-@media only screen and (max-width: 300px) {
-  .alert-wrapper-show {
-    align-items: flex-end;
-    width: 100vw;
-  }
-
-  .alert-wrapper-hide {
-    align-items: flex-end;
-    width: 100vw;
-  }
-
-  .alert-body {
-    padding: 0.8em;
-  }
-
-  .alert-body {
-    padding: 0.8em;
-    padding-top: 0.4em;
-  }
-
-  .alert-logo {
-    margin: 0px;
-    transform: scale(0.8);
-  }
-}
diff --git a/packages/beacon-ui/src/components/bug-report-form/styles.css b/packages/beacon-ui/src/components/bug-report-form/styles.css
deleted file mode 100644
index 81e21afd5..000000000
--- a/packages/beacon-ui/src/components/bug-report-form/styles.css
+++ /dev/null
@@ -1,160 +0,0 @@
-.form-style {
-  display: flex;
-  flex-direction: column;
-  max-width: 500px;
-  min-width: 100%;
-  margin: 0 auto;
-  gap: 20px;
-}
-
-.input-group {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 15px;
-}
-
-.label-style {
-  margin-bottom: 8px;
-}
-
-.input-style,
-.textarea-style {
-  width: 100%;
-  padding: 10px;
-  box-sizing: border-box;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-
-.input-style.invalid,
-.textarea-style.invalid {
-  border-color: #f76b8a;
-  border-width: medium;
-}
-
-.textarea-style {
-  height: 8rem;
-}
-
-.button-style {
-  padding: 10px 20px;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-  margin-top: 20px;
-}
-
-.button-style.valid {
-  background-color: #007bff;
-}
-
-.button-style.invalid {
-  background-color: #65afff;
-}
-
-.error-label {
-  display: inline;
-  font-size: 0.7rem;
-  color: #f76b8a;
-}
-
-.permissions-group {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-.permissions-group label {
-  flex-grow: 1;
-  font-size: 0.7rem;
-}
-
-.permissions-group input {
-  flex-shrink: 0;
-}
-
-@media screen and (max-height: 700px) {
-  .textarea-style {
-    height: 6rem;
-  }
-}
-
-.button-loading::after {
-  content: '';
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  left: 0;
-  right: 0;
-  margin: auto;
-  border: 4px solid transparent;
-  border-top-color: #ffffff;
-  border-radius: 50%;
-  animation: button-loading-spinner 1s ease infinite;
-}
-
-@keyframes button-loading-spinner {
-  from {
-    transform: rotate(0turn);
-  }
-
-  to {
-    transform: rotate(1turn);
-  }
-}
-
-.icon {
-  display: inline-block;
-  border: 2px solid white;
-  border-radius: 50%;
-  padding: 5px;
-  margin-bottom: 3px;
-  width: 1rem;
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-
-.success-icon {
-  animation: successAnimation 0.6s ease forwards;
-}
-
-.error-icon {
-  animation: fadeIn 0.3s ease forwards;
-}
-
-@keyframes successAnimation {
-  0% {
-    transform: rotate(0deg);
-    opacity: 0;
-  }
-  100% {
-    transform: rotate(360deg);
-    opacity: 1;
-  }
-}
-
-@keyframes fadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-.thank-you-message {
-  display: inline-block;
-  margin-left: 10px;
-}
-
-.thank-you-message span {
-  opacity: 0;
-  animation: fadeInLetter 0.3s ease forwards;
-}
-
-@keyframes fadeInLetter {
-  to {
-    opacity: 1;
-  }
-}
diff --git a/packages/beacon-ui/src/components/info/styles.css b/packages/beacon-ui/src/components/info/styles.css
deleted file mode 100644
index 1c6b04536..000000000
--- a/packages/beacon-ui/src/components/info/styles.css
+++ /dev/null
@@ -1,153 +0,0 @@
-.info-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  border-radius: 10px;
-  padding: 30px;
-}
-.info-border {
-  border: 1px solid #aaaaaa42;
-}
-.info-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 6px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 28px;
-  margin-bottom: 0.2rem;
-}
-
-.info-badge {
-  background-color: #3880ff;
-  font-size: 38px;
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-.theme__dark .info-title {
-  color: white;
-}
-.theme__dark .info-description {
-  color: #aeaeae;
-}
-.info-title {
-  text-align: center;
-  color: #334155;
-  margin: 0px;
-  font-size: 16px;
-}
-
-.info-description {
-  text-align: center;
-  font-size: 12.8px;
-  font-weight: 300;
-  color: #7c828b;
-  line-height: 1.25rem;
-  margin: 6px 0px 12px 0px;
-  margin: 0px;
-  max-width: 300px;
-}
-
-.info-data {
-  font-size: 12.8px;
-  font-weight: 300;
-  color: #7c828b;
-  line-height: 1.25rem;
-  margin: 6px 0px 12px 0px;
-  margin: 0px;
-  overflow: scroll;
-  max-height: 300px;
-}
-.info-buttons {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-}
-
-.info-button {
-  border-radius: 6px;
-  background-color: #3880ff;
-  border: 1px solid #3880ff;
-  color: white;
-  padding: 0.6rem 1.2rem;
-  width: 180px;
-  transition: all ease 0.2s;
-  cursor: pointer;
-  margin-top: 1rem;
-  font-size: 12.8px;
-}
-
-.info-button:hover {
-  background-color: #166afc;
-}
-.info-button-secondary {
-  border-radius: 6px;
-  background-color: transparent;
-  border: 1px solid #3880ff;
-  color: #3880ff;
-  padding: 0.6em 1.2rem;
-  width: 180px;
-  transition: all ease 0.2s;
-  cursor: pointer;
-  margin-top: 1rem;
-}
-
-.info-button-secondary:hover {
-  background-color: #e8f0ff;
-}
-.downloadLink {
-  text-decoration: none;
-  color: gray;
-  font-size: smaller;
-  padding: 0.5rem;
-}
-button#qr-code-icon {
-  background-color: transparent;
-  border: none;
-  min-width: 2.5rem;
-  align-self: self-end;
-  position: absolute;
-  top: 0.3rem;
-  right: 0.3rem;
-}
-@media only screen and (max-width: 300px) {
-  button#qr-code-icon {
-    min-width: 1.5rem;
-  }
-}
-
-@media only screen and (max-width: 800px) {
-  .info-title {
-    font-size: 14.4px;
-    line-height: 1rem;
-  }
-
-  .info-description {
-    font-size: 0.65rem;
-  }
-
-  .qr-more-info {
-    font-size: 0.75rem;
-  }
-
-  .info-wrapper {
-    max-height: 180px;
-    padding: 1.2em;
-    position: relative;
-  }
-  .info-icon {
-    width: 40px;
-    height: 40px;
-    font-size: 1.8rem;
-  }
-
-  .info-button {
-    padding: 0.5em 1.6em;
-    font-size: 16px;
-    font-weight: bold;
-  }
-}
diff --git a/packages/beacon-ui/src/components/loader/styles.css b/packages/beacon-ui/src/components/loader/styles.css
deleted file mode 100644
index 74210adcf..000000000
--- a/packages/beacon-ui/src/components/loader/styles.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.loader {
-  height: 3px;
-  position: relative;
-  background-color: #ddd;
-  position: absolute;
-  width: 100%;
-  left: 0px;
-  bottom: 0px;
-  overflow: hidden;
-}
-
-.loader:before {
-  content: '';
-  position: absolute;
-  left: -50%;
-  height: 3px;
-  width: 40%;
-  background-color: #3880ff;
-  -webkit-animation: lineAnim 1s linear infinite;
-  -moz-animation: lineAnim 1s linear infinite;
-  animation: lineAnim 1s linear infinite;
-}
-
-@keyframes lineAnim {
-  0% {
-    left: -40%;
-  }
-  50% {
-    left: 20%;
-    width: 80%;
-  }
-  100% {
-    left: 100%;
-    width: 100%;
-  }
-}
diff --git a/packages/beacon-ui/src/components/pair-other/styles.css b/packages/beacon-ui/src/components/pair-other/styles.css
deleted file mode 100644
index c488692ce..000000000
--- a/packages/beacon-ui/src/components/pair-other/styles.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.pair-other-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #b5b8be;
-}
diff --git a/packages/beacon-ui/src/components/qr/styles.css b/packages/beacon-ui/src/components/qr/styles.css
deleted file mode 100644
index 2e4801d2b..000000000
--- a/packages/beacon-ui/src/components/qr/styles.css
+++ /dev/null
@@ -1,130 +0,0 @@
-.qr-wrapper {
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  gap: 0.5em;
-  border: 1px solid #aaaaaa42;
-  border-radius: 10px;
-  padding: 30px;
-  height: 200px;
-}
-
-.qr-left {
-  display: flex;
-  flex-direction: column;
-  max-width: 16em;
-  height: 100%;
-}
-
-.qr-left h3 {
-  color: #334155;
-  margin: 0px;
-  margin-bottom: 0.4em;
-  font-size: 1em;
-}
-
-.theme__dark .qr-left h3 {
-  color: white;
-}
-
-.theme__dark .qr-left span {
-  color: #aeaeae;
-}
-
-.theme__dark .qr-copy-wrapper p {
-  color: #aeaeae;
-}
-
-.qr-left span {
-  font-size: 0.8em;
-  font-weight: 300;
-  color: #7c828b;
-  line-height: 1.35em;
-  margin: 0px;
-}
-
-.qr-more-info {
-  font-size: 0.95em !important;
-  text-decoration: underline;
-  margin-left: 6px !important;
-  cursor: pointer;
-}
-
-.qr-right {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  border-radius: 6px;
-  transition: all ease 0.2s;
-  cursor: pointer;
-}
-
-.theme__dark .qr-right:hover {
-  background-color: rgba(238, 238, 238, 0.492);
-}
-
-.qr-right:hover {
-  background-color: rgb(238, 238, 238);
-}
-
-.qr-copy-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 0.6em;
-  color: #7c828b;
-  margin-bottom: 8px;
-  margin-top: 18px;
-}
-
-.qr-copy-wrapper svg {
-  font-size: 1em;
-}
-
-.qr-copy-wrapper p {
-  font-size: 0.8em;
-  margin: 0px;
-}
-
-.qr-svg-wrapper {
-  background-color: white;
-  border-radius: 10px;
-}
-
-.qr-svg-wrapper svg rect {
-  fill: transparent !important;
-}
-
-@media only screen and (max-width: 800px) {
-  .qr-wrapper {
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 340px;
-  }
-
-  .qr-left {
-    margin: 0.6em 0px;
-  }
-
-  .qr-left h3 {
-    font-size: 1em;
-    line-height: 1em;
-  }
-
-  .qr-left p {
-    font-size: 0.75em;
-    text-align: center;
-  }
-
-  .qr-left > div {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .qr-more-info {
-    font-size: 0.75em;
-  }
-}
diff --git a/packages/beacon-ui/src/components/toast/styles.css b/packages/beacon-ui/src/components/toast/styles.css
deleted file mode 100644
index 41a90ff1f..000000000
--- a/packages/beacon-ui/src/components/toast/styles.css
+++ /dev/null
@@ -1,125 +0,0 @@
-.toast-wrapper-show {
-  max-width: 460px;
-  overflow: hidden;
-  background-color: white;
-  position: fixed;
-  top: 12px;
-  right: 12px;
-  border-radius: 6px;
-  transition: all ease 0.3s;
-  transform: translateY(0px) scale(1);
-  z-index: 1000000;
-  -webkit-box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-  -moz-box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-  box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-}
-
-.toast-wrapper-hide {
-  max-width: 460px;
-  overflow: hidden;
-  background-color: white;
-  position: fixed;
-  top: 12px;
-  right: 12px;
-  border-radius: 6px;
-  transition: all ease 0.3s;
-  transform: translateY(-150px) scale(0.2);
-  z-index: 1000000;
-  -webkit-box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-  -moz-box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-  box-shadow: 0px 4px 11px -4px rgba(0, 0, 0, 0.45);
-}
-
-.toast-header {
-  cursor: move;
-  padding: 0px 0.6em 0px 1.2em;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  overflow: hidden;
-  position: relative;
-}
-
-.toast-header img {
-  width: 24px;
-}
-
-.toast-header h3 {
-  font-weight: bold;
-  color: #334155;
-  font-size: 0.8em;
-  margin-right: auto;
-}
-
-.toast-label {
-  margin: 1em 0em 1em 0em;
-  color: #334155;
-  font-size: 0.9em;
-}
-
-.toast-button-icon {
-  width: 24px;
-  height: 24px;
-  padding: 2px;
-  border-radius: 100%;
-  border: 1px solid #cbd5e1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  fill: #64748b;
-  transition: all ease 0.2s;
-  margin-left: auto;
-}
-
-.toast-button-icon:hover {
-  background-color: #475569;
-  border: 1px solid #475569;
-  fill: #e2e8f0;
-}
-
-.toast-body {
-  padding: 0.6em 1.2em;
-}
-
-.toast-action-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.toast-action-label {
-  margin: 0.8em 0em;
-  font-size: 0.8em;
-  color: #64748b;
-}
-
-.toast-action-bold {
-  font-weight: bold;
-  color: #334155;
-}
-
-.toast-action-button {
-  cursor: pointer;
-  font-size: 0.8em;
-  font-weight: 600;
-  color: #3880ff;
-  transition: all ease 0.2s;
-  border-radius: 6px;
-  padding: 0.4em 0.8em;
-}
-
-.toast-action-button:hover {
-  background-color: #e4eeff;
-  transition: all ease 0.2s;
-}
-
-@media only screen and (max-width: 800px) {
-  .toast-wrapper-show {
-    width: calc(100% - 24px);
-  }
-
-  .toast-wrapper-hide {
-    width: calc(100% - 24px);
-  }
-}
diff --git a/packages/beacon-ui/src/components/top-wallets/styles.css b/packages/beacon-ui/src/components/top-wallets/styles.css
deleted file mode 100644
index bb9f796f0..000000000
--- a/packages/beacon-ui/src/components/top-wallets/styles.css
+++ /dev/null
@@ -1,141 +0,0 @@
-.top-wallets-wrapper {
-  margin-bottom: 1.8em;
-}
-
-.top-wallets-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.theme__dark .top-wallets-info h3 {
-  color: white;
-}
-
-.theme__dark .top-wallets-info span {
-  color: #b5b8be;
-}
-
-.theme__dark .top-wallets-other-wallets-left h3 {
-  color: white;
-}
-
-.top-wallets-info h3 {
-  text-align: center;
-  color: #334155;
-  margin: 0px;
-  font-size: 0.938rem;
-}
-
-.top-wallets-info span {
-  text-align: center;
-  max-width: 300px;
-  font-size: 0.8em;
-  font-weight: 300;
-  color: #7c828b;
-  line-height: 1.35em;
-  margin: 6px 0px 12px 0px;
-}
-
-.top-wallets-learn-more {
-  text-decoration: underline;
-  cursor: pointer;
-  font-size: 0.95em !important;
-}
-
-.top-wallets-wallets-main {
-  margin-top: 1em;
-  grid-template-columns: repeat(2, 1fr);
-  display: grid;
-  gap: 1em;
-}
-
-.top-wallets-other-wallets {
-  display: flex;
-  gap: 1.25em;
-  justify-content: space-between;
-  border-radius: 12px;
-  padding: 1.25em;
-  cursor: pointer;
-  transition: all ease 0.2s;
-
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-
-.top-wallets-other-wallets-left {
-  max-width: 148px;
-}
-
-.top-wallets-other-wallets-left h3 {
-  color: #334155;
-  margin: 0px;
-  font-size: 1em;
-}
-
-.top-wallets-other-wallets-left p {
-  max-width: 400px;
-  font-size: 0.85em;
-  font-weight: 300;
-  color: #94a3b8;
-  line-height: 1.35em;
-  margin: 0px;
-  font-size: 0.75em;
-}
-
-.top-wallets-other-wallets-right {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.top-wallets-other-wallets-right img {
-  border-radius: 8px;
-  width: 2.4em;
-  height: 2.4em;
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-
-.top-wallets-other-wallets-center-wallet {
-  transform: perspective(500px) translateZ(100px);
-}
-
-@media only screen and (max-width: 800px) {
-  .top-wallets-info h3 {
-    font-size: 1em;
-  }
-
-  .top-wallets-info p {
-    font-size: 0.75em;
-  }
-
-  .top-wallets-other-wallets {
-    flex-direction: column;
-    text-align: center;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .top-wallets-other-wallets-left {
-    order: 1;
-  }
-
-  .top-wallets-other-wallets-left h3 {
-    font-size: 0.85em;
-  }
-
-  .top-wallets-other-wallets-left p {
-    font-size: 0.65em;
-  }
-}
-
-@media only screen and (max-width: 400px) {
-  .top-wallets-other-wallets-right {
-    max-width: 50px;
-    transform: scale(0.8);
-  }
-}
diff --git a/packages/beacon-ui/src/components/wallet/styles.css b/packages/beacon-ui/src/components/wallet/styles.css
deleted file mode 100644
index 1cf994007..000000000
--- a/packages/beacon-ui/src/components/wallet/styles.css
+++ /dev/null
@@ -1,166 +0,0 @@
-.wallet-main {
-  display: flex;
-  gap: 1.25em;
-  justify-content: space-between;
-  border-radius: 12px;
-  padding: 15px;
-  cursor: pointer;
-  transition: all ease 0.2s;
-
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-
-.wallet-disabled {
-  opacity: 0.5;
-}
-
-.wallet-main:hover {
-  transform: scale(1.01);
-}
-
-.wallet-main:active {
-  transform: scale(0.99);
-}
-
-.wallet-main-left {
-  max-width: 148px;
-  flex: 1;
-}
-
-.theme__dark .wallet-main-left h3 {
-  color: white;
-}
-
-.theme__dark .top-wallets-info p {
-  color: #b5b8be;
-}
-
-.theme__dark .wallet-main-right {
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-}
-
-.theme__dark .wallet-small img {
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 63%);
-}
-
-.theme__dark .wallet-small h3 {
-  color: white;
-}
-
-.wallet-main-left h3 {
-  color: #1c1e21;
-  margin: 0px;
-  font-size: 1em;
-}
-
-.wallet-main-left p {
-  max-width: 400px;
-  font-weight: 300;
-  color: #7c828b;
-  line-height: 1.35em;
-  margin: 0px;
-  font-size: 0.65em;
-}
-
-.wallet-main-right {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 8px;
-  overflow: hidden;
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-
-.wallet-main-right img {
-  width: 3.2em;
-  height: 3.2em;
-}
-
-.wallet-main-tags {
-  display: flex;
-  gap: 6px;
-}
-
-.wallet-main-tag {
-  color: #3880ff;
-  margin: 0px;
-  font-size: 0.75em;
-  font-weight: 600;
-  margin-top: 6px;
-  text-transform: uppercase;
-}
-
-.wallet-small {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 0.5em;
-}
-
-.wallet-small img {
-  padding: 0.4em;
-  border-radius: 10px;
-  width: 2.5em;
-  height: 2.5em;
-  cursor: pointer;
-  transition: all ease 0.2s;
-
-  -webkit-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  -moz-box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-  box-shadow: 0px 0px 12px -4px rgb(0 0 0 / 30%);
-}
-
-.wallet-small img:hover {
-  transform: scale(1.01);
-}
-
-.wallet-small img:active {
-  transform: scale(0.99);
-}
-
-.wallet-small h3 {
-  color: #334155;
-  margin: 0px;
-  font-size: 0.8em;
-  text-align: center;
-}
-
-.wallet-main-mobile {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 1em;
-}
-
-.wallet-main-left-mobile {
-  order: 1;
-}
-
-.wallet-main-left-mobile h3 {
-  font-size: 0.9em;
-  text-align: center;
-}
-
-.wallet-main-left-mobile p {
-  font-size: 0.65em;
-  text-align: center;
-}
-
-@media only screen and (max-width: 800px) {
-  .wallet-main {
-    padding: 0.65em 15px;
-  }
-
-  .wallet-main-mobile {
-    padding: 1.25em;
-  }
-}
diff --git a/packages/beacon-ui/src/components/wallets/styles.css b/packages/beacon-ui/src/components/wallets/styles.css
deleted file mode 100644
index 564708587..000000000
--- a/packages/beacon-ui/src/components/wallets/styles.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.wallets-button {
-  border-radius: 6px;
-  background-color: transparent;
-  border: 1px solid #3880ff;
-  color: #3880ff;
-  width: 100%;
-  padding: 12px 0px;
-  margin-bottom: 1.8em;
-  transition: all ease 0.2s;
-  cursor: pointer;
-  font-size: 0.9em;
-}
-
-.wallets-button:hover {
-  color: white;
-  background-color: #3880ff;
-}
-
-.wallets-list-main-wrapper {
-  position: relative;
-}
-
-.wallets-list-wrapper {
-  display: grid;
-  overflow-y: auto;
-  grid-template-columns: repeat(4, 1fr);
-  padding: 1.8em 0px;
-  gap: 1.2em 0em;
-  max-height: 180px;
-}
-
-@media only screen and (max-width: 800px) {
-  .wallets-list-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    max-height: 300px;
-    padding: 1.6em 0.6em;
-    margin-top: 0px;
-  }
-
-  .wallets-list-main-wrapper::before {
-    position: absolute;
-    top: 0px;
-    content: '';
-    left: -24px;
-    width: calc(100% + 48px);
-    background: radial-gradient(
-      circle,
-      rgba(171, 171, 171, 0.7329525560224089) 0%,
-      rgba(193, 193, 193, 0.1279105392156863) 100%
-    );
-    height: 1px;
-  }
-}