diff --git a/packages/example/src/components/TopBar.tsx b/packages/example/src/components/TopBar.tsx
index 4267940..0639a89 100644
--- a/packages/example/src/components/TopBar.tsx
+++ b/packages/example/src/components/TopBar.tsx
@@ -156,9 +156,12 @@ const Logo = styled.div`
 `
 
 const Wrapper = styled.div`
-  height: 96px;
-  background: #fbfcfe;
   display: flex;
+  height: 96px;
+  width: 100%;
+  position: fixed;
+  background: #fbfcfe;
+  z-index: 10;
 
   @media (max-width: 600px) {
     height: 64px;
diff --git a/packages/react-components/src/WakuPolling/PollCreation.tsx b/packages/react-components/src/WakuPolling/PollCreation.tsx
index f3baae2..d10b4c7 100644
--- a/packages/react-components/src/WakuPolling/PollCreation.tsx
+++ b/packages/react-components/src/WakuPolling/PollCreation.tsx
@@ -161,7 +161,7 @@ const NewPollBox = styled.div`
   box-shadow: 10px 10px 31px -2px #a3a1a1;
   border-radius: 5px;
   overflow: auto;
-  z-index: 8;
+  z-index: 9998;
   width: 468px;
 
   @media (max-width: 600px) {
diff --git a/packages/react-components/src/WakuPolling/index.tsx b/packages/react-components/src/WakuPolling/index.tsx
index 7a11430..9b43811 100644
--- a/packages/react-components/src/WakuPolling/index.tsx
+++ b/packages/react-components/src/WakuPolling/index.tsx
@@ -57,7 +57,7 @@ const CreatePollButton = styled(Button)`
   }
 
   @media (max-width: 425px) {
-    position: absolute;
+    position: fixed;
     bottom: 0;
     z-index: 10;
     margin-bottom: 16px;
@@ -71,12 +71,16 @@ const Wrapper = styled.div`
   flex-direction: column;
   align-items: center;
   max-width: 1082px;
-  height: 100%;
+  position: relative;
   margin: 0 auto;
-  padding: 50px 0;
+  padding: 150px 0 50px;
 
   @media (max-width: 600px) {
-    padding: 32px 16px;
+    padding: 132px 16px 32px;
+  }
+
+  @media (max-width: 425px) {
+    padding: 96px 16px 84px;
   }
 `