diff --git a/packages/synapse-bridge/src/patterns/FooterBar/FooterBar.vue b/packages/synapse-bridge/src/patterns/FooterBar/FooterBar.vue
index 7bf7a07bd..b6bbcee96 100644
--- a/packages/synapse-bridge/src/patterns/FooterBar/FooterBar.vue
+++ b/packages/synapse-bridge/src/patterns/FooterBar/FooterBar.vue
@@ -216,6 +216,7 @@ export default defineComponent({
 			<VBtn
 				v-bind="options.goTopBtn"
 				:aria-label="locales.goTopBtnLabel"
+				class="topbtn"
 				@click="scrollToTop"
 			>
 				<VIcon v-bind="options.goTopBtnIcon">
@@ -290,6 +291,13 @@ a {
 	flex-grow: 0 !important;
 }
 
+.topbtn {
+	display: flex;
+	width: 24px;
+	height: 24px;
+	padding: 16px !important;
+}
+
 // Use deep selector to style user content as well
 .vd-footer-bar.v-theme--dark :deep() {
 	background-color: $vd-grey-darken-20 !important;
diff --git a/packages/synapse-bridge/src/patterns/FooterBar/config.ts b/packages/synapse-bridge/src/patterns/FooterBar/config.ts
index 45077951d..ae254cd8e 100644
--- a/packages/synapse-bridge/src/patterns/FooterBar/config.ts
+++ b/packages/synapse-bridge/src/patterns/FooterBar/config.ts
@@ -9,8 +9,6 @@ export const config = {
 		icon: 'true',
 		variant: 'text',
 		elevation: 0,
-		height: '24px',
-		width: '24px',
 	},
 	goTopBtnIcon: {
 		color: 'primary',