diff --git a/client/src/components/LinkDisplay/Style.module.css b/client/src/components/LinkDisplay/Style.module.css
index 73ad4d6d..92416153 100644
--- a/client/src/components/LinkDisplay/Style.module.css
+++ b/client/src/components/LinkDisplay/Style.module.css
@@ -161,12 +161,12 @@
   border-width: 1px;
   font-family: inherit;
   font-size: 18px;
-  width: 110px;
+  width: 100px;
   height: 40px;
   border-radius: 5px;
   cursor: pointer;
   outline: none;
-  border-color: #434343;
+  border-color: #4bb2f9;
   background: #4bb2f9;
   color: white;
   margin-left: 5px;
@@ -178,7 +178,12 @@
 
 .QrCodeContent{
   display: flex;
-  align-items: center;
+  align-items: baseline;
+  justify-content: center;
 }
 
-
+.qrIcon {
+  display: inline-block;
+  margin-top: 0;
+  transform: translateY(2px);
+}
diff --git a/client/src/components/Messaging/styles/ScrollWrapper.module.css b/client/src/components/Messaging/styles/ScrollWrapper.module.css
index 7851c50e..1f0d0f64 100644
--- a/client/src/components/Messaging/styles/ScrollWrapper.module.css
+++ b/client/src/components/Messaging/styles/ScrollWrapper.module.css
@@ -14,7 +14,8 @@
 .popup {
   position: fixed;
   bottom: 15%;
-  right: 47%;
+  left: 50%;
+  transform: translateX(-50%);
   background-color: #fff;
   font-weight: 600;
   color: #333;
diff --git a/client/src/index.tsx b/client/src/index.tsx
index 8e46dba3..df01360f 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -13,7 +13,7 @@ const App = () => {
   const [darkMode] = useContext(ThemeContext);
   return (
     <div
-      style={{ background: darkMode ? "#121212" : "#f2f2f2", paddingBottom: "10px" }}
+      style={{ background: darkMode ? "#121212" : "#f2f2f2"}}
       className={`${styles.defaultMode} ${!darkMode && styles.lightMode} `}
     >
       <Router>