From d2aa9b5f04eefcd1a1c60b6c348795d037774559 Mon Sep 17 00:00:00 2001
From: Moritz Rengert <42251569+moritzrengert@users.noreply.github.com>
Date: Fri, 9 Jun 2023 10:17:31 +0200
Subject: [PATCH] fix rating question button alignment (#341)

* fix: input in Link Survey / Preview alignment

* fix: input alignment in js package
---
 apps/web/components/preview/RatingQuestion.tsx | 2 +-
 packages/js/src/components/RatingQuestion.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/preview/RatingQuestion.tsx b/apps/web/components/preview/RatingQuestion.tsx
index e1cbe119ad..a3d0f7ee20 100644
--- a/apps/web/components/preview/RatingQuestion.tsx
+++ b/apps/web/components/preview/RatingQuestion.tsx
@@ -51,7 +51,7 @@ export default function RatingQuestion({
       type="radio"
       name="rating"
       value={number}
-      className="absolute h-full w-full cursor-pointer opacity-0"
+      className="absolute left-0 h-full w-full cursor-pointer opacity-0"
       onChange={() => handleSelect(number)}
       required={question.required}
     />
diff --git a/packages/js/src/components/RatingQuestion.tsx b/packages/js/src/components/RatingQuestion.tsx
index e05eaae042..2036a8b5dd 100644
--- a/packages/js/src/components/RatingQuestion.tsx
+++ b/packages/js/src/components/RatingQuestion.tsx
@@ -49,7 +49,7 @@ export default function RatingQuestion({
       type="radio"
       name="rating"
       value={number}
-      className="fb-absolute fb-h-full fb-w-full fb-cursor-pointer fb-opacity-0"
+      className="fb-absolute fb-h-full fb-w-full fb-cursor-pointer fb-opacity-0 fb-left-0"
       onChange={() => handleSelect(number)}
       required={question.required}
     />