diff --git a/package.json b/package.json
index 1377bd9..d381ed7 100644
--- a/package.json
+++ b/package.json
@@ -36,14 +36,14 @@
   },
   "dependencies": {
     "@hope-ui/solid": "^0.6.7",
-    "@invarch/saturn-sdk": "1.0.14",
+    "@invarch/saturn-sdk": "1.0.15",
     "@kiltprotocol/sdk-js": "^0.33.0",
     "@polkadot-onboard/core": "^1.1.0",
     "@polkadot-onboard/injected-wallets": "1.1.0",
     "@polkadot-onboard/wallet-connect": "1.1.0",
-    "@polkadot/api": "10.11.2",
+    "@polkadot/api": "11.0.3",
     "@polkadot/keyring": "^12.6.2",
-    "@polkadot/types": "10.11.2",
+    "@polkadot/types": "11.0.3",
     "@polkadot/util": "12.6.2",
     "@polkadot/util-crypto": "12.6.2",
     "@solid-primitives/storage": "^1.3.11",
@@ -65,15 +65,15 @@
     "yaml": "^2.3.0"
   },
   "resolutions": {
-    "@polkadot/types": "10.11.2",
-    "@polkadot/api": "10.11.2",
-    "@polkadot/rpc-augment": "10.11.2",
-    "@polkadot/rpc-provider": "10.11.2",
-    "@polkadot/rpc-core": "10.11.2",
-    "@polkadot/types-known": "10.11.2",
-    "@polkadot/types-create": "10.11.2",
-    "@polkadot/types-codec": "10.11.2",
-    "@polkadot/api-derive": "10.11.2",
-    "@invarch/saturn-sdk": "1.0.11"
+    "@polkadot/types": "11.0.3",
+    "@polkadot/api": "11.0.3",
+    "@polkadot/rpc-augment": "11.0.3",
+    "@polkadot/rpc-provider": "11.0.3",
+    "@polkadot/rpc-core": "11.0.3",
+    "@polkadot/types-known": "11.0.3",
+    "@polkadot/types-create": "11.0.3",
+    "@polkadot/types-codec": "11.0.3",
+    "@polkadot/api-derive": "11.0.3",
+    "@invarch/saturn-sdk": "1.0.15"
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/Transactions.tsx b/src/pages/Transactions.tsx
index c76546f..1ee3cf4 100644
--- a/src/pages/Transactions.tsx
+++ b/src/pages/Transactions.tsx
@@ -425,7 +425,7 @@ export default function Transactions() {
                       <div class="text-xs text-saturn-lightgrey mb-1">Proposal description:</div>
                       <p class="rounded-md p-3 border-2 border-gray-800 text-sm">{parsedMetadata}</p>
                     </div>}
-                    <div class="flex flex-row">
+                    <div class="flex flex-col md:flex-row">
                       {/* Call data */}
                       <div class="max-h-[300px] w-full my-2 grow">
                         <FormattedCall hash={pc.callHash.toString()} call={processCallData(pc.details.actualCall as unknown as Call, ringApisContext)} multisigId={getMultisigId()} />
@@ -439,7 +439,7 @@ export default function Transactions() {
                         </div>
 
                         {/* Votes history */}
-                        <div class='relative items-center flex-col shrink border border-px rounded-md border-gray-100 dark:border-gray-800 my-2 ml-2 px-2 w-60 h-32 overflow-y-scroll saturn-scrollbar p-2'>
+                        <div class='relative items-center flex-col shrink border border-px rounded-md border-gray-100 dark:border-gray-800 my-2 ml-2 px-2 w-auto md:w-60 h-32 overflow-y-scroll saturn-scrollbar p-2'>
                           <For each={Object.entries(pc.details.tally.records)}>
                             {([voter, vote]: [string, ParsedTallyRecordsVote]) => {
                               const voteCount = new BN(vote.aye?.toString() || vote.nay?.toString() || '0').div(new BN('1000000')).toString();