UI changes for poll

zkshop · Aug 2, 2024 · cd1b0f1 · cd1b0f1
1 parent 93400e6
commit cd1b0f1
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/apps/poll/src/Choices.tsx b/apps/poll/src/Choices.tsx
@@ -26,9 +26,6 @@ const MobileTitleLayer = styled(Text)`
     display: block;
     text-align: center;
     font-weight: bold;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
   }
 `;
 
@@ -144,16 +141,16 @@ export const Choices = () => {
 
   return (
     <>
-      <Box height="100%" position="relative">
+      <Box height="100%">
         <Box m="auto" position="relative">
           <TitleLayer>
             <Text color="white" fontWeight="bold" textAlign="center">
               {data.poll.title}
             </Text>
           </TitleLayer>
           <ChoicesImage isLocked={isLocked} src={data.poll.image || undefined} />
-          <MobileTitleLayer>{data.poll.title}</MobileTitleLayer>
         </Box>
+        <MobileTitleLayer>{data.poll.title}</MobileTitleLayer>
         <Box marginTop={8} flex={1} display="flex" justifyContent="center" alignItems="center">
           {isLocked ? (
             <Heading color="grey" textAlign="center" fontSize="x-large">