diff --git a/cms/docker-compose.yml b/cms/docker-compose.yml
index 28322fa..5cf8850 100644
--- a/cms/docker-compose.yml
+++ b/cms/docker-compose.yml
@@ -1,5 +1,3 @@
-version: '3'
-
 services:
   db:
     image: postgres:14.4
@@ -9,4 +7,4 @@ services:
     ports:
       - 5432:5432
     networks:
-      - default
\ No newline at end of file
+      - default
diff --git a/web/app/[locale]/checkout/[orderUid]/page.tsx b/web/app/[locale]/checkout/[orderUid]/page.tsx
index dda4f7c..ac74045 100644
--- a/web/app/[locale]/checkout/[orderUid]/page.tsx
+++ b/web/app/[locale]/checkout/[orderUid]/page.tsx
@@ -23,6 +23,7 @@ const getOrderInformation = async (orderUid: string) => {
     const order = await fetchAPI<Order>(`/orders/findByUid/${orderUid}`, {
       cache: "no-store",
     });
+    console.log("Managed to get here")
     return order;
   } catch (error) {
     console.error(error);
@@ -44,7 +45,8 @@ const Checkout = async ({ params: { locale, orderUid } }: Props) => {
     return null;
   }
   const hostname = headers().get("host");
-  const url = hostname ? `https://${hostname}` : "http://localhost:3000";
+  console.log("Got here to tell the tale", hostname)
+  const url = "http://localhost:3000" // hostname ? `https://${hostname}` : "http://localhost:3000";
   const paymentResponse = await createPayment(order.id, url);
   console.log(paymentResponse);
   if (!paymentResponse) {
diff --git a/web/app/[locale]/page.tsx b/web/app/[locale]/page.tsx
index dc40a36..cce190d 100644
--- a/web/app/[locale]/page.tsx
+++ b/web/app/[locale]/page.tsx
@@ -39,7 +39,7 @@ const Home = async ({ params: { locale } }: Props) => {
   const bodyText = response?.attributes.bodyText || "";
   const showSignups = response?.attributes.showSignups || false;
   return (
-    <div className="container max-w-3xl bg-secondary-50 dark:bg-secondary-800 mx-auto rounded shadow-md mt-4 p-1 sm:p-8">
+    <div className="relative container max-w-3xl bg-secondary-50 dark:bg-secondary-800 mx-auto rounded shadow-md mt-4 p-1 sm:p-8">
       <main className="container mx-auto px-4">
 
         <ReactMarkdown
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index 2049ee2..c960e89 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -32,7 +32,7 @@ const RootLayout = async ({ children }: PropType) => {
             <Locale />
             <Timer />
           </Header>
-          <div className="max-w-7xl mx-auto">{children}</div>
+          <div className="relative max-w-7xl mx-auto">{children}</div>
         </AppProvider>
         <Footer />
       </body>
diff --git a/web/utils/helpers.ts b/web/utils/helpers.ts
index b5056c3..efaaac6 100644
--- a/web/utils/helpers.ts
+++ b/web/utils/helpers.ts
@@ -121,6 +121,7 @@ export const createPayment = async (orderId: number, url: string) => {
       (acc, item) => acc + item.price * item.quantity,
       0,
     );
+    console.log("\n\n\n\nTotal", total);
     await updateOrderState(order.id, "pending");
     if (total === 0) return paytrailService.createSkipPayment(order);
     return paytrailService.createPayment(order, url);
diff --git a/web/utils/paytrail.ts b/web/utils/paytrail.ts
index c902254..23433df 100644
--- a/web/utils/paytrail.ts
+++ b/web/utils/paytrail.ts
@@ -52,7 +52,7 @@ const PAYTRAIL_ENDPOINT = "https://services.paytrail.com";
 const PAYTRAIL_MERCHANT_ID = process.env.PAYTRAIL_MERCHANT_ID || "";
 const PAYTRAIL_SECRET_KEY = process.env.PAYTRAIL_SECRET_KEY || "";
 
-const getRandomString = (length: number = 16) =>
+const getRandomString = (length: number = 15) =>
   crypto.randomBytes(length).toString("base64");
 
 const calculateHmac = (